Question

在Angular JS中，我可以这样做：

<form name="myForm">
  <div class="control-group" ng-class="{'has-error': myForm['name'].invalid}">
    <label>Name</label>
    <input type="text" name="name" ng-model="project.name" ng-required="true">
    <span class="help-block">Required</span>
  </div>
</form>

myForm.invalid完美无缺，但现场检查没有。

我错过了什么或者它是不是实施了喷气机？（Agualar：0.12.0，Dart：1.5.8）

[更新] 为了最大限度地减少我的样本，我删除了我原来在代码中使用的<fieldset> - 这导致了错误 - 或问题！

Answer 1

正如您在更新的问题上看到的那样 - fieldset-tag会导致问题。

首先：**以上样本（问题）有效！ **

如果您使用的是fieldset，则验证检查必须是：

<form name="myForm">
    <fieldset name="fields">
      <div class="control-group" ng-class="{'has-error': myForm['fields']['name'].invalid &&
           myForm['fields']['name'].dirty}">
        <label>Name</label>
        <input type="text" name="name" ng-model="name" ng-required="true">
        <span class="help-block">Required</span>
      </div>
    </fieldset>
</form>

AngularDart中的表单验证/字段验证失败，没有错误消息

1 个答案: