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

时间:2014-10-07 21:47:43

标签: angularjs ng-class

我正在测试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>

1 个答案:

答案 0 :(得分:0)

正如你所说,当你删除runat =&#34;服务器&#34;属性。您是否有机会使用asp.net MasterPages。如果你试图检查html,基本上检查渲染的html中的表单的名称。如果你在asp.net中使用MasterPage,表单的名称将是aspnetForm,所以你的data-ng-class应该是

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