Blazor 数据绑定

Question

我正在尝试从输入绑定数据，但在构建过程中出现错误。我已经阅读了我应该如何绑定它，但它不起作用。

我试过把 @bind="..." 因为有一个更新说应该这样做，但仍然有一个错误。

<div class="col-md-2">
    <div class="form-group">
                <label for="LicensePlateNumber">Рег. номер</label>
                <input for="LicensePlateNumber" class="form-control" @bind="_event.LicensePlateNumber" placeholder="Рег. номер">
            </div>
        </div>
</div>
@functions{
    public Event _event { get; set; }

    public class Event
    {
        public string LicensePlateNumber { get; set; }

        public string Owner { get; set; }

        public string Vehicle { get; set; }

        public string Type { get; set; }

        public string Date { get; set; }

        public string NextDate { get; set; }
    }
}

这是我得到的错误。 “找到了一个格式错误的‘输入’标签助手。标签助手必须有一个开始和结束标签，或者是自闭的。” 如何解决？

Answer 1

试试这个：

<div class="col-md-2">
    <div class="form-group">
        <label for="LicensePlateNumber">Рег. номер</label>
        <input id="LicensePlateNumber" class="form-control" @bind-Value="@_event.LicensePlateNumber" placeholder="Рег. номер" />
    </div>

</div>

@code {
    public Event _event { get; set; } 

    // more code 
}

注意：你得到这个错误的原因是多余的</div>

• 请在 Blazor 中使用 code 代替 functions。在 Razor 页面中使用函数。现在这不是强制的，但我们必须学会坚持在 Blazor 中正确编码。

• 使用单词 Event 来命名类并不是一个好主意。这可能会导致细微的错误。

• 我建议您使用 InputComponents，例如 InputText Component with EditForm 等。

希望这会有所帮助...