angularJS 1.2 if expression in class

Question

<div r6-modal-dialog class="r6modal-dialog--medium">

I would like to add if statement in class

I know that I can do it so:

<div r6-modal-dialog ng-show="!data.selectedValue" class="r6modal-dialog--medium">
<div r6-modal-dialog ng-show="data.selectedValue" class="r6modal-dialog--small">

Is it possible to do it in one line?

Have you tried: https://docs.angularjs.org/api/ng/directive/ngClass — Aleksandar Varicak, Aug 12 '16 at 08:36
I thick this link can help you [if else statement in AngularJS templates](http://stackoverflow.com/questions/15810278/if-else-statement-in-angularjs-templates) — shady youssery, Aug 12 '16 at 08:42

score 3 · Accepted Answer · answered Aug 12 '16 at 08:39

3

Try wit ngCLass

<div r6-modal-dialog ng-class="data.selectedValue? 'r6modal-dialog--small' : 'r6modal-dialog--medium'">

answered Aug 12 '16 at 08:39

senzacionale

20,448
67
204
316

score 2 · Answer 2 · answered Aug 12 '16 at 08:42

2

<div r6-modal-dialog ng-class="{'r6modal-dialog--small': data.selectedValue, 
                      'r6modal-dialog--medium': !data.selectedValue}">

answered Aug 12 '16 at 08:42

Vamsi

9,510
6
38
46

question is what is more readable. I prefer ternary operator notation :D – senzacionale Aug 12 '16 at 08:43
2

object syntax more flexible when we have multiple conditions and multiple classes to apply – Vamsi Aug 12 '16 at 08:46

angularJS 1.2 if expression in class

2 Answers2