2

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/

4

1 に答える 1