ng-class 지시문에 표현식이 있거나없는 곱셈 규칙을 설정하는 방법은 무엇입니까?

Question

ng-class이라는 지시문을 사용하여 CSS 파일에서 곱셈 규칙을 설정하려고합니다. 여기

<div class="filterToggleBtn thumbnail" 
     ng-class="{ filterToggleBtnSide notificationColor:notificationState }"> 
</div> 

변수 코드의 일부이다 filterToggleBtnSide 및 notificationColor은 CSS 규칙의 캐릭터 이름이 포함되어 있습니다.

가변 notificationState 세트 true 또는 false.

질문의 요지는 - filterToggleBtnSide 규칙을 항상 어떻게 사용할 수 있으며 notificationColor 만 다음 notificationState입니다.

난 단지 두 번째 표현식이 작동 마지막 샘플에서

<div class="filterToggleBtn thumbnail" 
     ng-class="{ filterToggleBtnSide && notificationColor:notificationState }"> 
</div> 

<div class="filterToggleBtn thumbnail" 
     ng-class="{ filterToggleBtnSide, notificationColor:notificationState }"> 
</div> 

<div class="filterToggleBtn thumbnail" 
     ng-class="{ filterToggleBtnSide:true, notificationColor:notificationState }"> 
</div> 

아래 코드처럼 만들려고 노력했다. 누군가의 도움이 있다면 나는 매우 이해할 수있을 것이다; D 감사

Answer 1

당신은 같은 것을 할 수

$scope.filterToggleBtnSide = "class1"; 
$scope.notificationColor = "class2"; 

가정 :

이

<div class="filterToggleBtn thumbnail class1" 
ng-class="{class2:notificationState }"></div> 
<!-- or this --> 
<div class="filterToggleBtn thumbnail" 
ng-class="{class1: true, class2: notificationState}"></div> 
<!-- or this --> 
<div class="filterToggleBtn thumbnail class1 
{{notificationstate && notificationColor}}"></div> 
<!-- or this --> 
<div class="filterToggleBtn thumbnail class1 
{{notificationstate && 'class2'}}"></div> 
<!-- or this --> 
<div class="filterToggleBtn thumbnail 
{{filterToggleBtnSide}} {{notificationstate && notificationColor}}"></div> 
<!-- or this --> 
<div class="filterToggleBtn thumbnail 
{{filterToggleBtnSide}} {{notificationstate && 'class2'}}"></div>