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

我想在classangularJS 1.2如果在課堂上表達

添加if聲明,我知道我能做到這樣:

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

是否有可能做到這一點的一條線?

+1

你試過:https://docs.angularjs.org/api/ng/directive/ngClass – PerunSS

+2

我厚這個鏈接可以幫助你[如果else語句中AngularJS模板](http://stackoverflow.com/questions/15810278/if-else-statement-in-angularjs-templates) –

回答

3

嘗試機智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

問題是什麼更可讀。我更喜歡三元運算符表示法:D – senzacionale

+2

當我們有多個條件和多個類應用時,對象語法更加靈活 – Vamsi