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

时间:2019-03-01 07:30:03

标签: javascript angularjs

我正在使用ng-repeat遍历选项的代码上工作。现在我想使用ng-select在给定条件下选择一些值,但是正如AngularJS文档所述:

  

ngSelected不与select和ngModel指令交互,   它仅在元素上设置选定的属性。如果您正在使用   在选择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中设置了完整的对象,这是我不想要的,因为这样,我可能需要更改一个较大的对象。代码量。

1 个答案:

答案 0 :(得分:0)

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

ng-model添加到您的选项行

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