Live Chat Icon For mobile
Live Chat Icon

How can I bind properties to a list in Blazor data binding?

Platform: Blazor| Category: Data binding

To bind properties to a list in Blazor, you can use the @foreach loop and the @bind directive. Here’s an example: 

@page "/" 

<h3>List Binding Example</h3> 
    @foreach (var item in itemList) 
            <input type="text" @bind="@item.Name" /> 

<button @onclick="AddNewItem">Add Item</button> 

@code { 
    List<ItemModel> itemList = new List<ItemModel>(); 
    void AddNewItem () 
        itemList.Add(new ItemModel()); 
    public class ItemModel 
        public string? Name { get; set; } 

View Sample in GitHub  

Share with

Related FAQs

Couldn't find the FAQs you're looking for?

Please submit your question and answer.