Почему не изменить значение переменной

Question

@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

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

<button class="btn btn-primary" @onclick="DecrementCount" disabled="@(currentCount==0)">Click Me -</button>

<input type="number" bind="@increment" />

@functions {

    int currentCount = 0;

    int increment = 1;

    void IncrementCount()
    {
        currentCount+=increment; 
    
    }

    void DecrementCount()
    {
        currentCount--;
    }
}

Проблема: изменение значения приращения не имеет никакого эффекта. Осталось 1. Почему?

Answer 1

Проблема: изменение значения приращения не имеет никакого эффекта. Остается 1. Почему?

это потому, что элемент управления числом ввода не привязан к переменной приращения. Чтобы привязать ваш входной номер к переменной приращения, используйте директиву @bind, как показано ниже:

<input type="number" @bind="increment" />

Теперь элемент управления входным числом привязан к переменной. Когда вы выбираете число в элементе управления, приращение переменной получит это число, и наоборот.