【问题标题】: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 等于truefalse 时,不会选择任何选择选项。

【问题讨论】:

标签: 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>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-11-19
      • 2015-11-04
      • 2012-05-02
      • 2014-11-18
      • 1970-01-01
      • 2012-12-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多