html select option in angular.js how to make correct ng if?

Question

I have scope in controller: $scope.readOnly = true then I have code in html:

  <select ng-if="readOnly" ng-model="readOnly" required>
     <option value="true" selected>True</option>
     <option value="false">False</option>
  </select>

 <select ng-if="!readOnly" ng-model="readOnly" required>
     <option value="true">True</option>
     <option value="false" selected>False</option>
 </select>

<button ng-click="save()"> Save</button>

but it doesn't work fine :/ on click save, the result is undefined :/ how to make this correct?

can you please post more of your HTML code and the JS controller as well? — messerbill
– messerbill, Commented Jan 7, 2016 at 12:15
@Ironcar Driftman, Initialize $scope.doc.readOnly to true instead of specifiying selected in option. — Raj Kantaria
– Raj Kantaria, Commented Jan 7, 2016 at 12:17
Please add controller and complete HTML or share it as a plunkr — Wasimakram Mulla
– Wasimakram Mulla, Commented Jan 7, 2016 at 12:19
@RajKantaria Initialize $scope.doc.readOnly dosen't work, because you must to initialize $scope.doc as an object. Correct initialize: $scope.doc = { readOnly: true }; — Niezborala
– Niezborala, Commented Jan 7, 2016 at 12:28

Niezborala · Accepted Answer · 2016-01-07 12:21:26Z

1

Try do this in this way:

<select ng-model="doc.readOnly">
   <option value=true>True</option>
   <option value=false>False</option>
</select>

Example

answered Jan 7, 2016 at 12:21

Niezborala

1,8571 gold badge19 silver badges27 bronze badges

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

3 Comments

Niezborala Over a year ago

paste an example in jsfiddle.net

Ironcar Driftman Over a year ago

jsfiddle.net/kakv0huf/1

Ironcar Driftman Over a year ago

it doesn't work in my code and can you come in my computer with team viewer?

Collectives™ on Stack Overflow

html select option in angular.js how to make correct ng if?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related