bind value

Question

Hello .I just started Blazor.

Why don't the above values ​​change when I change the input?

For example, no matter how much I change the tel in the input, it doesn't change in the label.

I used both @bind-value and @bind.

I still don't get an answer.

@page "/customer"

<h3>name : @customerModel.name</h3>
<input @bind="@customerModel.name" />

<h3>tel : @customerModel.tel</h3>
<input @bind-value="@customerModel.tel"  type="number"/>


@code {
    customerModel customerModel = new()
        {
            id = 10,
            name = "ali",
            tel = 1122221
        };
}

Answer 1

Hi,@asghar bizaval ,there's nothing wrong with your codes ,make sure your component is in interactive render mode

You could call @rendermode InteractiveServer in your component to apply InteractiveServer render mode to current component,you could also call

<Routes @rendermode="InteractiveServer" />
.......
<HeadOutlet @rendermode="InteractiveServer" />

in app.razor to configure the whole app as interactive.

Now it's ok on my side :

For more details,you could read this document

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,

Ruikai Feng

Answer 2

for Blazor components the default render mode is static with no event processing. that means @bind-value only handles one-way binding (the initial component render). You need to specify the render mode for any events to process and support two-way binding.

you can specify for each component, or change the default for the application. see docs:

https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-9.0