选择下拉列表不设置ng-model中的值

Posted 2021-03-27

我正在使用chrome 65版本，dropdown ng-model完美运行，但在chrome 71版本中ng-model出现故障，它没有在ng-model中设置选项值。

 <select class="btn dropdown-toggle btn-info" ng-model="action" ng-click="disburseMenuEvent(action)">
                                            <option data-icon="fa-glass icon-success" value=""> SELECT </option>
                                            <option data-icon="fa-glass icon-success" ng-repeat="actn in Action"  ng-value="{{actn.Id}}" >
                                            {{actn.action}}</option>
                                        </select>

答案

你需要替换这个：

...ng-value="{{actn.Id}}" >

有了这个：

...ng-value="actn.Id" >

在ng-xxx属性中，不需要{{}}标记。

另一答案

您需要为每个选项设置值。然后，当它被选中时，它将适用于“动作”。

<select name="state" ngModel>
    <option value="" disabled>Choose a state</option>
    <option *ngFor="let state of states" [ngValue]="state">
           {{ state.abbrev }}
    </option>
</select>