javascript - 无法向组合框中的 ng-model 添加值

Question

我正在尝试使用动态数据向组合框添加一个值。问题是该值没有显示在我选择的组合框中。

这是我的html

<label>Veuillez choisir l'outil de référence  :</label>
<select class="form-control"  
        ng-model="refouti" 
        ng-change="getversion()">
    <option value="" selected>
        Tous
    </option>
    <option ng-repeat="o in outills" 
            value={{o.id}}>
        {{o.nomref}}
    </option>
</select> 

在我的 Controller 中，当我想向 refouti 添加值时，如下所示:

 $scope.refouti="OPCOM";

我得到了这样的东西

感谢您的支持。

Answer 1

在选择上使用 ng-options。

这是发生的事情:

你的 ng-repeat 有效，它打印出多个 <option>标签。 但是如果不使用 ng-options，Angular 并不真正知道他正在使用选择。因此，更改 ng-model 的值直接更改选择框的“值”，将其清空。在您的情况下，您需要将新的数组对象推送到 $scope.outills (或覆盖)，而不是 $scope.refouti