2016-08-12 1 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

는 시도 유무 : – PerunSS

+2

https://docs.angularjs.org/api/ng/directive/ngClass 나는 두꺼운이 링크를 [도움이 될 수 있습니다 경우 다른 문 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