2016-08-12 8 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行でそれを行うことが可能です?

+1

ウィットを試してみてください、あなたは試してみました:elseステートメントであれば、このリンクは[あなたを助けることができるhttps://docs.angularjs.org/api/ng/directive/ngClass – PerunSS

+2

私は厚いです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