如何在ng-model中使用ng-select

问题描述 投票:0回答:1

我正在编写一个代码,我使用ng-repeat来迭代选项。现在我想使用ng-select来选择具有给定条件的某个值,但是AngularJS文档提到:

ngSelected不与select和ngModel指令交互,它只在元素上设置selected属性。如果在select上使用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中设置完整对象,我不想要,因为我可能需要更改大代码量。

javascript angularjs
1个回答
0
投票
<option ng-model="value" ng-repeat="name in nameList" value="{{name.id}}" >{{name.name}}</option>

ng-model添加到您的选项行

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

© www.soinside.com 2019 - 2024. All rights reserved.