Код IT
← Каталог

Blazor — первая программа — Модель компонента Razor

Фрагмент из «Blazor — первая программа»: Модель компонента Razor.

Plain text main.txt
@page "/notes"

<h1>Заметки</h1>

<input @bind="newText" placeholder="Текст" />
<button @onclick="Add">Добавить</button>

<ul>
    @foreach (var note in items)
    {
        <li>@note</li>
    }
</ul>

@code {
    private string newText = "";
    private List<string> items = new();

    private void Add()
    {
        if (string.IsNullOrWhiteSpace(newText)) return;
        items.Add(newText.Trim());
        newText = "";
    }
}
@page "/notes"

<h1>Заметки</h1>

<input @bind="newText" placeholder="Текст" />
<button @onclick="Add">Добавить</button>

<ul>
    @foreach (var note in items)
    {
        <li>@note</li>
    }
</ul>

@code {
    private string newText = "";
    private List<string> items = new();

    private void Add()
    {
        if (string.IsNullOrWhiteSpace(newText)) return;
        items.Add(newText.Trim());
        newText = "";
    }
}