javascript - How do I prevent AngularJS binding recursively? -


i have select:

<select ng-model="p.value" ng-options="q q in p.value"> <option value="">select animation</option> </select>  

where p.value ['aaaaa', 'bbbbb', 'ccccc'] when select option select updates , shows new bunch of options like:

<option>a</option> <option>a</option> <option>a</option> <option>a</option> <option>a</option> 

i've structured things wrong using same value in model , options. correct way things?

you need separate array of items , model

<div ng-app ng-controller="myctrl">     <select ng-model="p.selected" ng-options="q q in p.value">         <option value="">select animation</option>     </select>     {{p.selected}} </div> 


function myctrl($scope) {      $scope.p = {         value: ['aaaaa', 'bbbbb', 'ccccc'],         selected : null     }; } 

what happening in example select aaaaa p.value references list of characters , since ng-options bound same $scope property drop down list updates , produces result seeing.

example on jsfiddle


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -