selectタグで2つのng-modelをバインドする方法はありますか? これをさらに説明するために、私のコードの一部を共有します
ユーザーが新しいオプションを追加したい場合は、この動的入力ボタンがあります。2 つのプロパティ opt.id と opt.text を使用したことに注意してください
<div ng-repeat="opt in q.options">
<label><span>{{opt.id}}.</span></label>
<input type="text" ng-model="opt.text" placeholder="Add new possible answer here.">
<a ng-click="q.options.splice($index,1)"><i class="icon-remove-sign icon-large"></i> </a>
</div>
次に、q.options を再利用して、select タグに ID を表示しました。
<div ng-repeat="answer in q.answer">
<div>
<select ng-model="answer.id" ng-options="c.id as c.id for c in q.options"></select>
<a ng-click="q.answer.splice($index,1)"><i class="icon-remove-sign icon-large"></i></a>
</div>
</div>
これにより、オプション ID を再作成し、値 ng-model="answer.id" をコントローラーに設定することができましたが、opt.text を answer.text に設定して、コントローラーからフェッチして渡す必要もあります。それを私のAPI呼び出しに。別の選択タグを作成したくありません。
jsfiddle を追加しました: http://jsfiddle.net/si_dean_ako/3UFAf/1/