2016-08-12 1 views
1
<div r6-modal-dialog class="r6modal-dialog--medium"> 

Ich möchte if Aussage in classAngularJS 1.2, wenn Ausdruck in der Klasse

hinzuzufügen weiß ich, dass ich es so machen kann:

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

Ist es möglich, sie in einer Linie zu tun ?

+1

Haben Sie versucht: https://docs.angularjs.org/api/ng/directive/ngClass – PerunSS

+2

ich dick Link kann Ihnen helfen, [wenn else-Anweisung in AngularJS Vorlagen] (http://stackoverflow.com/questions/15810278/if-else-statement-in-angularjs-templates) –

Antwort

3

Versuchen wit ngCLass

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

Frage ist, was besser lesbar ist. Ich bevorzuge ternäre Operatornotation: D – senzacionale

+2

Objekt-Syntax flexibler, wenn wir mehrere Bedingungen und mehrere Klassen anwenden müssen – Vamsi