angularjs - mix use of regular class and ng-class -


want generate different icons in ng-repeat:

<i class="fa fa-pencil"></i> <i class="fa fa-briefcase"></i> ... 

how can specify 1 of classes using ng-class?

if wrote:

<i class="fa" ng-class="{{t.icon}}"></i> 

then generated output is

<i class="fa" ng-class="fa-pencil"></i> <i class="fa" ng-class="fa-briefcase"></i> 

and of course icon not show on page.

don't use angular expression. works:

<i class="fa" ng-class="t.icon"></i> 

(see plunker example on p tag: http://plnkr.co/edit/aun81qf0cotymeedbygj?p=preview )

you can put various inputs in ngclass, can see them in:

https://docs.angularjs.org/api/ng/directive/ngclass

the arguments section has brief description them.


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -