CODEWITHSUNDEEP
angularjs
mbrc
mbrc

Reputation: 3963

angularJS 1.2 if expression in class

<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?

Upvotes: 1

Views: 38

Answers (2)

Vamsi
Vamsi

Reputation: 9780

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

Upvotes: 2

senzacionale
senzacionale

Reputation: 20916

Try wit ngCLass

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

Upvotes: 3

Related Questions