Thanks Gordon. Had another look at the docs and realised that I wasn't
using the right syntax for an expression.
On Thursday, June 19, 2014 6:47:56 AM UTC+1, Gordon Bockus wrote:
>
> Just need to update how you specify your ng-style:
> <div class="redDiv" ng-style="dynamicStyle">This div should become
> opaque {{result}}</div>
>
> Updated plunk:
> http://plnkr.co/edit/B9FMYZ
>
> Gordon
>
> On Wednesday, June 18, 2014 9:58:46 AM UTC-5, Paul Freeman wrote:
>>
>> 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.
