Question

我有一个带有静态选项的select元素。选择使用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时，未选择任何选项。

Answer 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>

Answer 2

我想而不是将<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>设为真，只需添加一个额外的选项

isRegistered

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

2 个答案: