如何将集合绑定到 Blazor 中的 table？

Question

我有一个剃须刀组件，其中包含一个简单的 table，我想将其用作输入 table，如下所示：

<label for="dependencies">Abhängigkeiten</label>
<table class="table table-striped">
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Version</th>
    <th scope="col">Entfernen</th>
  </tr>
</table>

在代码部分，我有一个类型为 IEnumerable<T> 的属性，我想将其动态绑定到 table，因此集合的内容被绑定到 table。我必须选择哪些选项？

Answer 1

@foreach(var item in AllItems)
{
  <tr @key=item>
    <td>@item.Name
  </tr>
}

如果需要，您也可以<InputText @bind=item.Name/>。

如何将集合绑定到 Blazor 中的 table？

How to bind a collection to a table in Blazor?

blazor

blazor-client-side

blazor-webassembly