Setting selected option on init in AngularJS not working -
when try set selected value of dropdown on init doesn't work. selected value coming factory injected in controller. when make simple example it's not working, see: jsfiddle
<div ng-init="selecteditem1 = '2';selecteditem2 = '2';items=[{id:1,name:'one'},{id:2,name:'two'},{id:3,name:'three'}];"> <select ng-model="selecteditem1"> <option></option> <option ng-repeat="item in items" value={{item.id}}>{{item.name}}</option> </select> {{selecteditem1}} <br /> <select ng-options="i.name in items track i.id" ng-model="selecteditem2"> </select> {{selecteditem2}} <button ng-click="selecteditem1=null;selecteditem2=null">reset</button> it's not working in both cases, using ng-options , using ng-repat.
am doing wrong?
use ng-selected property determine selected option. also, declare selecteditem1 int, not string.
<div ng-init="selecteditem1 = 2; items=[{id:1,name:'one'},{id:2,name:'two'},{id:3,name:'three'}];"> <select ng-model="selecteditem1"> <option></option> <option ng-repeat="item in items" ng-selected="item.id === selecteditem1" value={{item.id}}>{{item.name}}</option> </select>
Comments
Post a Comment