在 blazor 中绑定动态值的最佳方法是什么

Question

我正在使用 Dictionary 来存储一些选项，键是选项的名称，您猜值是相应选项的值。

在我的剃刀文件中我有这段代码：

@foreach (KeyValuePair<string, string> option in templates.templatesList[SelectionValue])
{
    <tr>
        <td>@option.Key</td>
        <td><input type="text"/></td>
    </tr>
}

我正在寻找的是将文本输入的值存储到我的词典中的正确值中，遗憾的是我们不能使用@bind = @option.Value。

Answer 1

我对下一个 google 员工的解决方案：

另一种绑定值的方法是使用 @onchange 选项，如下所述：https://docs.microsoft.com/en-us/aspnet/core/blazor/components/data-binding?view=aspnetcore-3.1

所以，我将代码更改如下：

在剃刀文件中：

@foreach (KeyValuePair<string, string> option in templates.templatesList[SelectionValue])
{

    <tr>
        <td><label>@option.Key</label></td>
        <td><input type="text" @onchange="@((ChangeEventArgs __e) => changeOption(__e,option.Key))" /></td>
    </tr>

}

public void changeOption(ChangeEventArgs __e, string key)
{
    templates.changeValue(SelectionValue, key, __e.Value.ToString());
}

并在我的对象中 class（模板）

public void changeValue(string template, string option, string value)
    {
        this.templatesList[template][option] = value;
    }

我不知道这样做是否最干净，但它完美地完成了工作。

在 blazor 中绑定动态值的最佳方法是什么

What is the best way to bind dynamics values in blazor

c#

blazor

blazor-server-side

asp.net-blazor