Angularjs ng-value for boolean in select not working

Question

I would like to use ng-value="true" and false (boolean) for a select option. But I want to fill the options in php because I am using laravel and the translator. This is my code, and the value is not boolean after I send the form.

 <select
      id="job-payed"
      required
      class="form-control"
      name="payed"
      ng-model="payed">
  <option selected disabled value>Please choose..</option>
  <option ng-value="true">Payed</option>
  <option ng-value="false">Not payed</option>
 </select>

i know that i could use an js array, and use ng-options. but i want to fill it in php. ng-options="opt as opt.label for opt in options" — Adam Sam
– Adam Sam, Commented May 9, 2016 at 14:23
It will be a string going to your controller. Your controller needs to convert it to a boolean. — Hoyen
– Hoyen, Commented May 9, 2016 at 14:50
You can use "value" instead of "ng-value". Then use strings 'payed'/'notpayed' in your logic. — Neozaru
– Neozaru, Commented May 9, 2016 at 14:51
hm, yeah you are right. and there is no way to solve this in a other way? — Adam Sam
– Adam Sam, Commented May 9, 2016 at 14:54

Ahmed Zaghrat · Accepted Answer · 2019-03-13 12:47:53Z

2

if someone still gets that problem, try this :

<select id="job-payed" required class="form-control" name="payed" ng-model="payed">
    <option selected disabled value>Please choose..</option>
    <option ng-value="{{ true }}">Payed</option>
    <option ng-value="{{ false }}">Not payed</option>
</select>

answered Mar 13, 2019 at 12:47

Ahmed Zaghrat

213 bronze badges

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

Comments

Eliut Islas · Accepted Answer · 2016-05-09 15:43:44Z

0

Try to use ng-value="'true'" because ngValue should contain an expression to the value of

If you use ng-value="true" angular will look for variable called true in your scope($scope.true)

See https://docs.angularjs.org/api/ng/directive/ngValue

answered May 9, 2016 at 15:43

Eliut Islas

6285 silver badges14 bronze badges

Comments

Planky · Accepted Answer · 2017-03-16 17:52:52Z

0

This works on select boxes as expected starting in Angular 1.6.0. Prior versions' ng-value treat the values as Strings in select boxes.

Angular 1.5.0: https://plnkr.co/edit/G52M9yaAgJjfVj82i3YF?p=preview

Angular 1.6.0: https://plnkr.co/edit/nyI4ENLW1h0z3JuyDYWO?p=preview

Update the version in the plunk to see how the types change:

<script src="//code.angularjs.org/1.5.0/angular.min.js"></script>

answered Mar 16, 2017 at 17:52

Planky

3,4354 gold badges34 silver badges43 bronze badges

Collectives™ on Stack Overflow

Angularjs ng-value for boolean in select not working

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related