我创建了一个指令,它的作用是基本上显示空白输入以填充对象数组。对象有多个属性,但这里我只填写 projectname 属性。
<div ng-repeat="projectStatus in projectStatusList track by $index">
<md-input-container>
<label>Project Name {{$index +1}}</label>
<input ng-model="projectStatusList[$index].projectName" name="projectName_{{$index+1}}" ng-required="isRowRequired($index)">
<div ng-messages="parentForm['projectName_{{$index+1}}'].$error">
<div ng-message="required">The project name is required</div>
</div>
</md-input-container>
</div>
该指令在作为 parentForm 传递给它的表单内被调用。我已经检查过了,表格正在正确地传递给指令。我的怀疑是绑定ng-messages="parentForm['projectName_{{$index+1}}'].$error"
没有正确发生。每当我检查生成的 HTML 时,ng 消息 div 中都不会出现任何内容。
此外,该字段的所需属性是通过动态设置的,isRowRequired($index)
并且可以正确呈现。问题是当输入为空且需要时,输入会带有红色边框下划线,但消息不会出现。