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中使用单词 code 代替 functions 。在剃刀页面中使用功能。目前还没有强制执行此操作，但是我们必须学会坚持使用Blazor正确编码。
用Event一词来命名一个类不是一个好主意。这可能会导致细微的错误。
我建议您同时使用InputText组件和EditForm等InputText组件。

希望这对您有帮助...

Blazor数据绑定

1 个答案: