javascript - 转发器内的 ng 消息未出现

Question

我创建了一个指令，其作用是基本上显示空白输入以填充对象数组。这些对象有多个属性，但这里我只填写了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" 中的绑定(bind)未正确发生。每当我检查生成的 HTML 时，ng messages div 中都不会出现任何内容。

此外，该字段的 required 属性是通过 isRowRequired($index) 动态设置的，并且可以正确呈现。 问题是，当输入为空且需要时，输入会变成带有红色边框的下划线，但消息不会出现。

Answer 1

尝试:

<div ng-messages="parentForm['projectName_' + $index + 1].$error">