How to write conditional class directive using angularjs

Question

I have following directive like "pulsate" with restrict option class. I need to write condition like as below.

<div class="{pulsate : $index === 2}">

I tried this but its not working fine. So please help any one.

possible duplicate of [What is the best way to conditionally apply a class?](http://stackoverflow.com/questions/7792652/what-is-the-best-way-to-conditionally-apply-a-class) — Shekhar Khairnar, Jun 05 '15 at 12:38
Can you share a plunker/jsFiddle to demonstrate the problem? — Abhishek Jain, Jun 05 '15 at 12:45

score 1 · Answer 1 · answered Jun 05 '15 at 12:36

1

You need to use ng-class directive in order to achieve the solution.

<div ng-class="{pulsate : $index === 2}">

answered Jun 05 '15 at 12:36

Nikhil Aggarwal

1

Yes, you need to add quotes around pulsate for angular to distinguish plain text from text with special meaning like directives. – Nikhil Aggarwal Jun 05 '15 at 12:51

score 0 · Answer 2 · answered Jun 05 '15 at 12:51

0

Use single commas around your class name like so:

<div ng-class="{'pulsate' : $index === 2}">

answered Jun 05 '15 at 12:51

Jax

2 Answers2