javascript - ng-if wrapping a select ng-options breaks ngModel? -
javascript - ng-if wrapping a select ng-options breaks ngModel? -
this question has reply here:
angularjs ng-model doesn't work within ng-if 5 answersthis plunker angular ngoptions
sample:
ngoption/select angular sample
however, added ngif
first select
resulting in:
<div ng-if="1<2"> color (null not allowed): <select ng-model="mycolor" ng-options="color.name color in colors"></select><br> </div>
something interesting may notice ngif
breaks ngmodel
binding , nil happens when alter selection.
because same code without ngif
produces expected results.
can please confirm if bug in angular, code and/or if there work around it?
using ng-if directive creates new scope dom within it. reference mycolor variable on parent scope, write ng-model="$parent.mycolor"
<div ng-if="1<2"> color (null not allowed): <select ng-model="$parent.mycolor" ng-options="color.name color in colors"></select><br> </div>
javascript angularjs
Comments
Post a Comment