リピーター内のメッセージが表示されない

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"の拘束が正しく起こっていないということです。生成されたHTMLを検査するたびに、ng messages div内に何も表示されません。

また、フィールドの必須プロパティは、isRowRequired($index)によって動的に設定され、正しくレンダリングされます。 問題は、入力が空白で必要な場合に赤い枠線で下線付きになりますが、メッセージは表示されません。

Answer 1

試してみてください。

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