AngularJS 使用静态选项设置选择选项答案

【问题标题】：AngularJS Set select option with static optionsAngularJS 使用静态选项设置选择选项
【发布时间】：2018-01-16 11:58:38
【问题描述】：

我有一个带有静态选项的选择元素。选择使用ng-model，但是当模型设置为选项值之一时，它不会被选中。

这是 HTML：

<select class="modal-textboxes" ng-model="vm.reportPresets.selectedPreset.systemWideAccess">
    <option value=false>User</option>
    <option value=true>System Wide</option>
</select>

当vm.reportPresets.selectedPreset.systemWideAccess 等于true 或false 时，不会选择任何选择选项。

【问题讨论】：

这是您要找的吗？ stackoverflow.com/questions/17753927/…

标签： javascript angularjs

【解决方案1】：

你应该使用ngValue 指令

(function(angular) {
  'use strict';
  angular.module('myApp', [])
    .controller('Controller', [function() {
      this.systemWideAccess = true;
    }]);

})(window.angular);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="Controller as vm">
    <select class="modal-textboxes" ng-model="vm.systemWideAccess">
        <option ng-value="false">User</option>
        <option ng-value="true">System Wide</option>
    </select>
  </div>
</div>

【讨论】：

【解决方案2】：

我猜不是将systemWideAccess 设置为 true，而是添加一个额外的选项

 <select class="modal-textboxes" ng-model="vm.systemWideAccess">
     <option ng-value="">--Select--</option>
     <option ng-value="false">User</option>
     <option ng-value="true">System Wide</option>
 </select>

【讨论】：