Angular: one-time-binding for ngClass with multiple values

Asked Jul 04 '16 at 12:37

Active Jul 04 '16 at 13:26

Viewed 352 times

I would like to use one-time binding for the following situation

<div ng-class="{a: someValueA, b: someValueB}">....</div>

If I would like to use one-time binding for the whole expression I know you can do

<div ng-class="::{a: someValueA, b: someValueB}">....</div>

However, in my case I only want to use one-time binding just for one of the two. Lets assume that I only want to use one-time binding for someValueA, I've tried the following

<div ng-class="{a: ::someValueA, b: someValueB}">....</div>

<div ng-class="[::{a: someValueA}, {b: someValueB}]">....</div>

None of them work (errors) Any suggestions how to do this?

asked Jul 04 '16 at 12:37

Jeanluca Scaljeri

26,343
56
205
333

2

what you are trying to accomplish isn't currently part of the framework. `ng-class` is the directive that is bound to the object which has multiple properties. you can only one time bind the entire object. – Claies Jul 04 '16 at 13:12
How unfortunate. Thanks! – Jeanluca Scaljeri Jul 04 '16 at 13:21
I would simply go with class in model: http://plnkr.co/edit/uGIPAec97F9bBUxQHbcm?p=preview – Petr Averyanov Jul 04 '16 at 13:35

Angular: one-time-binding for ngClass with multiple values

0 Answers0