AngularJS Set select option with static options

Question

I have a select element with static options. The select use a ng-model, but when the model is set to one of the values of the options, it isn't selected.

Here is the HTML:

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

When vm.reportPresets.selectedPreset.systemWideAccess equals true or false, none of the select options are selected.

is this what you looking for? stackoverflow.com/questions/17753927/… — Bharadwaj
– Bharadwaj, Commented Jan 16, 2018 at 12:05

Satpal · Accepted Answer · 2018-01-16 12:02:47Z

0

You should use ngValue directive

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

answered Jan 16, 2018 at 12:02

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dev_khan · Accepted Answer · 2018-01-16 12:47:19Z

0

I guess instead of putting the systemWideAccess as true just add an extra option

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

answered Jan 16, 2018 at 12:47

dev_khan

7177 silver badges16 bronze badges

Collectives™ on Stack Overflow

AngularJS Set select option with static options

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related