Question

我需要确保name输入与模式匹配。 AngularJS无法查看name并设置所需的错误，尽管它们位于一个div中。从form开始声明是不合理的，因为它有很多没有名字的div。如何让required字段对Angular可见？

<form ng-app="" ng-controller="myCtrl" action="" name="productForm" class="form-horizontal" id="addproductForm" role="form" novalidate>
    <div class="form-group" ng-class="{ 'has-error': productName.$invalid }">
        <label for="product_name" class="col-sm-3 control-label">product name: </label>
        <div class="col-sm-8">
            <input id="product_name" name="productName" type="text" ng-model="testproductName" ng-pattern='/^[a-zA-Z0-9_.-]*$/' required/>
        </div>
    </div>
 </form>

Answer 1

输入属性中需要ng-model才能进行角度观察。并且您的错误需要附加到您的表单名称。

见：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app>

  <form name="form">
    <input ng-model="test" name="myField" required>
    <span ng-show="form.myField.$error.required">Required</span>
  </form>
  
</div>

＆＃13;

AngularJS无法查看必填字段

1 个答案: