Wednesday, April 10, 2013

Setting style by custom property dynamically in AngularJS

Angular JS lets to set and update style and class based on some custom property. Unfortunately, it does not support placeholders now, for example:

<!-- This works -->
<td ng-style="myStyle">

<!-- This does not -->
<td ng-style="myStyle{{test}}">

Fortunately, it works with controller's methods, so this still can be done like:

<td ng-style="getMyStyle(test)">

where getMyStyle is controller's method.

No comments:

Post a Comment