AngularJS看不到必需的字段

AngularJS cannot see required field

本文关键字：字段 看不到 AngularJS      更新时间：2023-09-26

我需要确保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>

您需要在输入属性中使用ng-model来进行角度观察。您的错误需要附加到您的表单名称中。

请参阅：

<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>

相关文章：