How to toggle classes with boolean model property in Angular? [duplicate]

Question

I tried this:

<li ng-repeat="todo in todos" class="{{todo.isCompleted ? 'test'}}">
<input type="checkbox" class="toggle"/>
<label>{{todo.text}}</label><button class="destroy"></button>
</li>

But then I got an error:

Error: Lexer Error: Unexpected next character at columns 17-17 [?] in expression [todo.isCompleted ? 'test']

Use ng-class for this.

Chandermani
– Chandermani

2013-07-08 10:29:59 +00:00
Commented Jul 8, 2013 at 10:29 — Chandermani
– Chandermani, Commented Jul 8, 2013 at 10:29
stackoverflow.com/questions/15397252/…

Gerrit
– Gerrit

2013-07-08 10:31:01 +00:00
Commented Jul 8, 2013 at 10:31 — Gerrit
– Gerrit, Commented Jul 8, 2013 at 10:31

EpokK · Accepted Answer · 2013-07-08 11:00:28Z

6

Use ng-class like this:

<li ng-repeat="todo in todos" ng-class="{ 'test' : todo.isCompleted }">

Reference

answered Jul 8, 2013 at 11:00

EpokK

38.1k9 gold badges64 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ŁukaszBachman · Accepted Answer · 2013-07-08 10:40:19Z

2

ng-class="{ 'test' : todo.isCompleted }"

answered Jul 8, 2013 at 10:40

ŁukaszBachman

33.8k11 gold badges68 silver badges74 bronze badges

Collectives™ on Stack Overflow

How to toggle classes with boolean model property in Angular? [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related