如何在剃须刀中设置数据显示[重复]

Question

我有一个基本的密码强度指示器。

<input type="password" id="myElement1" size="40" class="left" data-display="myDisplayElement1" />
<div class="left" id="myDisplayElement1"></div>

我有 JS Script 负责处理所有逻辑。 data-display div 显示密码是弱还是强的消息。但我想将上面的代码转换成 Razor。以下是我到目前为止所拥有的。

<div class="form-group">
    @Html.LabelFor(model => model.NewPassword, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.NewPassword, new { htmlAttributes = new { @class = "form-control", id = "myElement1" } })
        <div class="left" id="myDisplayElement1"></div>
        @Html.ValidationMessageFor(model => model.NewPassword, "", new { @class = "text-danger" })
    </div>
</div>

问题：一切正常，但我无法将 data-display 属性放入 razor。我需要把它放在哪里。但由于未设置数据显示，我无法将用户的密码强度显示为 div。

我希望能够做类似下面的事情

 @Html.EditorFor(model => model.NewPassword, new { htmlAttributes = new { @class = "form-control", id = "myElement1" , data-display = "myDisplayElement1"} })

但是data-display 给了我错误。

错误

无法解析符号data 错误出现在我添加data-display 的地方。

Answer 1

连字符在匿名对象中无效。但是，知道有时需要添加带有连字符的属性，Razor 助手将自动将属性名称中的下划线替换为连字符。因此，您可以使用data_display 而不是data-display 来完成您需要的工作。