728x90
728x170

@code 를 선언하고 {} 중괄호 안에 필드와 메서드 선언을 합니다.

@code {
    private int currentCount = 0;

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

Button 의 onclick 이벤트에 메서드명을 넣게되면 호출이 되며
code 안에 선언된 cruuenrCount 필드는 @ 로 접근하여 사용합니다.

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

실행하면 Button 클릭 시 버튼의 내용에 카운트가 표시됩니다. 

전체코드
Counter.razor

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

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

@code {
    private int currentCount = 0;

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

[Source]
https://github.com/kei-soft/Blazor.AppTest

728x90
그리드형

'C# > Blazor' 카테고리의 다른 글

[Blazor] razor 페이지 추가 및 메뉴 연결하기  (0) 2022.10.04
[Blazor] razor Page 안에 razor Page 넣기  (0) 2022.10.04
[Blazor] [펌] Blazor 핵심정리  (0) 2022.09.29
[Blazor] 참고할만한 소스1  (0) 2022.09.15
Blazor hybrid app  (1) 2019.11.13
Posted by kjun.kr
,