C# Blazor Page Parameter

C# Blazor Page Parameter

 

Balzor Page 내부에 다른 Blazor Page 를 넣어 부모 자식관계인 경우 부모 Page 에서 자식 Page 로 값을 전달하려면

Parameter 로 정의된 Property 를 선언하면 됩니다.

 

counter.razor 화면에 아래처럼 Parameter 를 정의합니다.

Increment Property 을 정의했고 해당 값에 따라서 버튼클릭시 증가되는 값이 결정됩니다.

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<button class="btn btn-primary" @onclick="IncrementCount">Click me (@currentCount)</button>

@code {
    [Parameter]
    public int Increment { get; set; } = 1;

    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount += Increment;
    }
}

 

부모 페이지에서는 Counter 태그를 쓰면 Increment 프로퍼티가 노출되어 사용할 수 있습니다.

@page "/"

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

<Counter Increment="10"/>

 

위와 같이 10으로 정의 한 경우 counter 페이지의 버튼을 클릭한 경우 10씩 증가 되는것을 알수 있습니다.