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; }
    }
}

这是我得到的错误。 “找到了格式错误的'input'标签帮助程序。标签帮助程序必须具有开始和结束标签，或者必须是自动关闭的。” 如何解决？

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中使用文字代码代替function 。 使用Razor Pages中的功能 。 目前还没有强制执行此操作，但是我们必须学会坚持使用Blazor正确编码。

• 用“事件”一词命名课程不是一个好主意。 这可能会导致细微的错误。

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

希望这可以帮助...