角度选择NG-重复

Question

内我有情况是这样的：

<span ng-repeat="personNum in unit.PricePerson"> 
     {{personNum}} 
     <select ng-model="personNum" 
       ng-options="o as o for o in unit.PricePerson track by $index"></select> 
</span> 

unit.Price是数字数组，像[5,6,7,8,9]，但每个选择具有九个值。我想先选择选定的选项5，其他6等。另外，我注意到我无法使用鼠标更改选项。

有5个选择框生成很好，也有从每个选择内选项生成5至9号。那些事情都可以。

Answer 1

你的问题有点不清楚，但看起来你有你的ng选项配置问题。

它一般不建议用使用选择为与跟踪，因为它们不是设计为一起工作，可以有意想不到的效果。此外，您正在ng选项中使用unit.PricePerson引用，而不是单个迭代对象personNum。

你应该是这样的：

<span ng-repeat="personNum in unit.PricePerson"> 
     {{personNum}} 
     <select ng-model="personNum.selectedOption" 
       ng-options="o as o for o in unit.PricePerson"> 
     </select> 
</span> 

但是，没有看到你的JavaScript对象PricePerson，我不能确定你的NG选项配置应该是什么。查看ngOptions的AngularJS API。在Arguments部分中，为您的ng-options表达式提供了建议的模板。

Answer 2

尝试使用不同的NG-模型中选择，比NG重复，并启动它有所需的值：

<span ng-repeat="personNum in unit.PricePerson"> 
     {{personNum}} 
     <select ng-init="personNum1 = personNum" ng-model="personNum1" 
       ng-options="o as o for o in unit.PricePerson track by $index"></select> 
</span> 

等

---

因此，要完成这一点。看起来你使用相同的ng模型，这就是为什么你不能用鼠标来改变选项。 在您的控制器上，创建一组选项：

$scope.selectedOptions = ['5','6','7','8','9']; 

然后在您的视图中使用它：在您的选择

  <select ng-model="selectedOptions[$index]" 
       ng-options="o as o for o in unit.PricePerson track by $index"> 

Answer 3

你的问题的部分原因可能是由$指数轨道...有看看下面的重击者。另外，使用ng-init来设置默认值。

http://plnkr.co/edit/2ZN1J61PD1Ev2OK1tezg

代码：

<span ng-repeat="personNum in unit.PricePerson"> 
    <select ng-init="select[$index]=personNum" ng-model="select[$index]" ng-options="o as o for o in unit.PricePerson"> 

    </select> 
</span> 

由于@cyan建议，我想你也需要NG-模型在你的外NG-重复比变量以外的东西。

希望这会有所帮助。