angularjs - ng-class 不会在无效的表单字段上触发

Question

我正在测试 angular-fcsa-number 指令，在此过程中，输入字段的包装器元素未分配 'has-error' 类，即使该字段无效。在我看来，ng-class 无法识别该字段无效。我在这里做错了什么？

<form id="form1" runat="server" name="form1">
    <div class="form-group" data-ng-class="{ 'has-error': form1.fcsaPlugin.$invalid }">
        <label>FCSA Number</label>
        <input type="text" name="fcsaPlugin" class="form-control" data-ng-model="action.FV10036" fcsa-number />
    </div>
</form>

Answer 1

正如您所说，当您删除 runat="server"属性时它会起作用。您是否有机会使用 asp.net MasterPages。如果您尝试检查 html，基本上检查呈现的 html 中的表单名称。如果您在 asp.net 中使用 MasterPage，则表单的名称将是 aspnetForm，因此您的 data-ng-class 应该是

data-ng-class="{ 'has-error': aspnetForm.fcsaPlugin.$invalid }"