2

他们是一种在选择标签中绑定两个 ng-model 的方法吗？为了进一步解释这一点，我将分享一些我的代码

我有这个动态输入按钮，如果用户希望添加一个新选项。注意我使用了两个属性 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 在选择标签中显示 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

1 
<select ng-model="select[$index]" ng-options="c.id for c in q.options" 
ng-change="change(answer,select[$index])"></select>

控制器：

$scope.select = {};

$scope.change = function(o,v){      
    o.id = v.id;
    o.text = v.text;
}
于 2013-09-26T11:13:41.497 回答