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

时间:2018-01-16 11:58:38

标签: javascript angularjs

我有一个带有静态选项的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等于truefalse时,未选择任何选项。

2 个答案:

答案 0 :(得分:0)

您应该使用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>

答案 1 :(得分:0)

我想而不是将 <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