javascript - 如何将 ng-select 与 ng-model 一起使用

Question

我正在编写使用 ng-repeat 迭代选项的代码。现在我想使用 ng-select 在给定条件下选择一些值，但正如 AngularJS 文档提到的那样：

ngSelected 不与 select 和 ngModel 指令交互，它只在元素上设置 selected 属性。如果您在选择上使用 ngModel，则不应在选项上使用 ngSelected，因为 ngModel 将设置选择值和选定选项。

但是由于 ng-repeat 的结构如下所示：

  <select name="selectedPerson" id="selectedPerson" class="form-control"  ng-model="selectedPerson" >
   <option value="-1">Select Person</option>
   <option ng-repeat="name in nameList" value="{{name.id}}" >{{name.name}}</option>
 </select>

我不能在选择中使用 ng-select。现在我不想遍历一个长列表并将值与条件进行比较，然后在 ng-model 中设置它。我认为问题可能会通过使用 ng-options 得到解决，但我仍然知道 ng-model 是它在 ng-model 中设置了完整的对象，这是我不想要的，因为我可能需要更改一个大代码量。

标签： javascriptangularjs

Answer 1

<option ng-model="value" ng-repeat="name in nameList" value="{{name.id}}" >{{name.name}}</option>

添加ng-model到您的选项行

您现在拥有可以从您的范围访问的数据