I'm trying to dynamically update the value of an ng-style attribute in a
template
<div ng-controller="myController">
Current style setting : {{dynamicStyle}}
<div class="redDiv" ng-style="{{dynamicStyle}}">This div should become
opaque {{result}}</div>
<div ng-show="{{showBlue}}"
style="background-color:blue;color:white;">Other div</div>
</div>
The controller does something asynchronous, such as making an http request.
On completion it attempts to update the dynamicStyle property on the
scope.
Here is a plunk demonstrating the problem :
http://plnkr.co/edit/Hpn00Bu4Zf0UsNrFH2qU
While I can see that the values of dynamicStyle are being reflected in the
content of the divs, the ng-style and ng-show directives do not seem to
work.
So, as I understand, an http.get() and a $timeout both call the $digest
cycle at the right point, and I can see that from the correct insertion of
dynamicStyle in the text after 'Current style setting'
Surely the whole point of directives such as ng-style is that they are
dynamic and render DOM changes at the conclusion of a $digest cycle, so
why don't I see ng-style and ng-show respond?
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
