私のタイトルが私の問題を完全に説明していない場合は、まず申し訳ありません。一連の質問を動的に作成するフォームがあります。以下のコードでは、ng-repeat="opt in q.options" を使用しており、新しいオプションを追加するボタンがあります。
私のビューコード
<div>
<label for="">Options: </label>
<a ng-click="addOption($event, $index)">
<i class="icon-plus-sign icon-large"></i> Add option
</a><br /><br />
<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>
</div>
<div>
<label for="required_credit">Answer: </label>
<select id="city" ng-options="c for c in options">
</select>
<!-- <ul>
<li ng-repeat="opt in q.options">{{opt.id}}</li>
</ul> -->
私が望むのは、選択タグで q.options を再利用することですが、問題はそれが入力されないことです。ul li タグを使用してから ng-repeat="q.options" を使用しましたが、動作しましたが、select タグを使用して使用したいと考えています。
PS: 同じモデルを使用したい理由は、動的に挿入した追加データを取得するためです。
例えば:
- 2 つの入力ボタンがあり、新しい入力ボタンを追加します
- 同じモデルを使用しているため、選択オプションが更新され、3 つのオプションも表示されます。