Friday, May 17, 2024
 Popular · Latest · Hot · Upcoming
63
rated 0 times [  70] [ 7]  / answers: 1 / hits: 21302  / 12 Years ago, sun, january 20, 2013, 12:00:00

How can I render the value of the following options list?



$scope.limits = [ {value:  '5', text: 'Afficher 5 par page'},
{value: '10', text: 'Afficher 10 par page'},
{value: '15', text: 'Afficher 15 par page'},
{value: '20', text: 'Afficher 20 par page'}
];

<select id=limitType name=limit ng-model=limit ng-options=limit.value as limit.text for limit in limits></select> enregistrement par page


Expected result (expecting in value=limit.value:



<select ng-options=option.value as option.text for option in limits ng-model=limit id=limitType class=ng-pristine ng-valid>
<option value=5 selected=selected>Afficher 5 par page</option>
<option value=10>Afficher 10 par page</option>
<option value=15>Afficher 15 par page</option>
<option value=20>Afficher 20 par page</option>
</select>


Result:



<select ng-options=option.value as option.text for option in limits ng-model=limit id=limitType class=ng-pristine ng-valid>
<option value=0 selected=selected>Afficher 5 par page</option>
<option value=1>Afficher 10 par page</option>
<option value=2>Afficher 15 par page</option>
<option value=3>Afficher 20 par page</option>
</select>

More From » html

 Answers
26

The ng-options directive does not set the value attribute on the <options> elements. It always uses a sequence.



Using limit.value as limit.text for limit in limits means:




  • Set the <option>'s label as limit.text

  • Save the limit.value value into the select's ng-model



Check this fiddle: http://jsfiddle.net/bmleite/k58Hw/


[#80746] Friday, January 18, 2013, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
jackie

Total Points: 442
Total Questions: 107
Total Answers: 94

Location: Honduras
Member since Sun, Dec 26, 2021
2 Years ago
jackie questions
Sat, Sep 18, 21, 00:00, 3 Years ago
Wed, Jul 14, 21, 00:00, 3 Years ago
;