2016-10-05 5 views
2

アレイであるngモデルを固定数のテキストボックスにバインドするにはどうすればよいですか?固定数のテキストボックスへのngモデル配列のバインド

私は3つのテキストボックスを持っていて、それらはすべてオプションです、どのようにそれらのテキストボックスにngモデルをバインドするのですか?あなたはそれを保存するとき

<input type="text" name="optionalField[]"> 
<input type="text" name="optionalField[]"> 
<input type="text" name="optionalField[]"> 

あなたが任意のテキストボックスに入力することができます(例えば、テキストボックス2と3のみ)と、それだけでoptionalField: ['text2', 'text3']をすることになるだろう。

テキストを配置する場所は関係ありません。重要なことは、テキストボックスの順序です。したがって、ビューを再度表示すると、最初のテキストボックスと2番目のテキストボックスにバインドされます。テキストボックス3のみを入力した場合は、テキストボックス1にバインドされます。

UPDATE:

ちょうどdfsqの答えを使用し、値のフィルタ配列を返すように修正しました。このよう http://codepen.io/anon/pen/ozpxGq?editors=1011

答えて

0

<input type="text" name="optionalField[]" ng-model="optionalField[0]"> 
<input type="text" name="optionalField[]" ng-model="optionalField[1]"> 
<input type="text" name="optionalField[]" ng-model="optionalField[2]"> 
+0

使用することができます私はこれを試してみましたが、オブジェクトの代わりに、配列を得ました。配列に変換する代わりに文字列を取得することは可能ですか? http://codepen.io/anon/pen/ozpxGq?editors=1011 – dork

1

ng-repeatであなたが$index

<input type="text" name="optionalField[]" ng-model="optionalField[$index]"> 
+0

'ng-repeat'は、固定数のテキストボックスになるため、使用しません。 – dork

+0

文字列の配列はどういう意味ですか?私に例を挙げてもらえますか? –

関連する問題