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

Popular posts from this blog

How to provide Authorization & Authentication using Asp.net, C#? -

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

How to use Authorization & Authentication in Asp.net, C#? -