C#/Blazor

[Blazor] Blazor Development Docs (feat.Tangy)

딸기우유중독 2022. 5. 26. 17:20
	<div class="nav-item px-3">
            <NavLink class="nav-link" href="fetchdata">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
            </NavLink>
        </div>
        <div class="nav-item px-3">
            <a class="nav-link" href="/learnBlazor/bindProp">
                <span class="oi oi-list-rich" aria-hidden="true"></span> Bind Prop
            </a>
        </div>
<NavLink></NavLink> 와 <a></a> 링크 차이점

<NavLink>는 클릭시 클릭을 했다는 음영표시가 보이는데 <a> 는 그렇지 않음.

<a>는 클릭시 페이지를 로드하되 클릭되어졌다는 음영표시없음.


Lecture 14 

hot reload 안될 때 VS 재실행.


Lecture 17

razor component page 

 

@데이터 바인딩 시  (대소문자 구분함) 

@product.Name   // 오류   -> @Product.name 

Tangy_Models.LearnBlazorModels.Demo_Product Product = new() {};


@bind-value="@Product.Price"  // 데이터 바인딩

@bind-value:event="oninput"  // 바인딩할 이벤트


Lecture 21

textbox selectAll

 

<input onClick="this.select();" >


Stripe Payment에서 Summary 페이지 새로고침해야 Strip Payment 에러없이 진행함.


Lecture 35

[Parameter]
    public RenderFragment ChildContent { get; set; }

 

// 

<_ChildComponent Title="This title is passed as parameter from Parent Component">
    Render Fragment From Parent! wooHOO!  // <--- 이 부분 내용이 들어가는 프로퍼티
</_ChildComponent>


 

728x90