<input name = 'user [name]'>のような入力でng-messagesを使用する方法

Question

私はAngularを初めて使い、ng-messagesを使ってform-validateのようなことを試みます。今、私は次のような状況でNGメッセージを使用しても問題ありません：

<form name='loginForm' novalidate> 
    <input name='user' required> 
    <div ng-messages=loginForm.user.$error> 
     <div ng-message='required'> this field is required...</div> 
    </div> 
<form> 

を私は入力、<input name='user[name]' required>のname属性を変更する際に、NG-のメッセージが再び動作しないでしょう。誰も私を助けることができるのですか？

Answer 1

フォーム名属性CANを動的に取り込むことができます。 name属性は文字列を読み取り、ng-messagesは、$errorオブジェクトへの参照に評価される角度式を読み取ります。

この参照は角型の式で取得されるため、参照を返すメソッドでもあります。あなたの名前の属性を想定し、あなたの場合は

は、次のようになります。

<form name="loginForm"> 
    <input name="{{ user.name }}" required /> 
</form> 

正しい構文は次のようになります。

<div ng-messages="loginForm[user.name].$error" ></ div>