2013-02-21 12 views
10

私はAngularアプリケーションで作業しています。Angular.js:ng-repeat内の双方向バインド

各入力フィールドに対して、の双方向バインディングで任意の数のテキスト入力フィールドを含むフォームを生成したいとします。ボタンなし、ウォッチャーなし。 ng-modelは、スコープのために正しく動作しません(私が間違っていない場合)。入力フィールドがNG-繰り返しこのように配列から生成されます。

<div ng-repeat="item in items"> 
    <label>{{item.name}}</label> 
    <input type="text" placeholder="{{item.default}}" ng-model="{{item.value}}"> <!-- this input should be bound --> 
</div> 

私は単純な結合は、入力の変化にコントローラ内のitems配列を更新します。

助けてください。それは読みよう

+2

ページにそれを書いている場合にのみ、角括弧{{VAR}を}必要があります。リピートやモデルやフィルターで使用するときは、中括弧は必要ありません。あなたはすでにng-repeatでこれをやっていることに注意してください。あなたは「{items}}」のアイテムをしていませんでした。 –

+0

アドバイスをいただきありがとうございますジェームス!私はAngularをもっとよく理解していると思う(私はまだそれに新しいが:)) –

答えて

11

ちょうどinputタグを変更します。

<input type="text" placeholder="{{item.default}}" ng-model="item.value"> 

お知らせng-modelを中括弧なし。

の作業plunk:http://plnkr.co/edit/CLdem9yIw2Sk1U52Iajl?p=preview

+0

ありがとう!今働いています:) –

+2

このplnkrは動作しません。 {{item.name}}の値が更新されていないことがわかりました。 – FlavorScape

関連する問題