Javascript AngularJS无法看到必填字段

我需要确保

名称

输入与模式匹配。AngularJS无法查看

名称

，也无法设置所需的错误，尽管它们位于一个div中。从

表单

开始解密是不合理的，因为它有很多没有名称的div。如何使

必填

字段对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

，以便对其进行观察。 您的错误需要附加到您的表单名称

见此：

要求的

您需要在输入属性中添加

ng model

，以便对其进行观察。 您的错误需要附加到您的表单名称

见此：

要求的

您需要在输入属性中添加

ng model

，以便对其进行观察。 您的错误需要附加到您的表单名称

见此：

要求的

您需要在输入属性中添加

ng model

，以便对其进行观察。 您的错误需要附加到您的表单名称

见此：

要求的