각도 ng 클래스(있는 경우)

각도 ng 클래스(있는 경우)

False ng클래스를 만드는 방법을 알고 싶습니다.

page.is Selected(1)는 페이지가 선택된 경우 TRUE이고, 그렇지 않은 경우 FALSE입니다.

<div id="homePage" ng-class="{ center: page.isSelected(1) }">

따라서 다음과 같은 경우에 당신을 원합니다.

is Selected는 TRUE: 가운데

is Selected는 FALSE: 왼쪽

나는 시도했다.

<div id="homePage" ng-class="{ page.isSelected(1) 'center : 'left' }">

효과가 없어요.

내가 뭘 잘못하고 있는지 모르겠어.제발 도와주세요

각 사례에 대한 규칙을 만드십시오.

<div id="homePage" ng-class="{ 'center': page.isSelected(1) , 'left': !page.isSelected(1)  }">

또는 3진 연산자를 사용합니다.

<div id="homePage" ng-class="page.isSelected(1) ? 'center' : 'left'">

3진 연산자 표기법을 사용할 수 있습니다.

<div id="homePage" ng-class="page.isSelected(1)? 'center' : 'left'">

John Conde와 Ryballar의 답변은 모두 정확하고 효과가 있을 것이다.

너무 괴짜가 되고 싶다면:

• John's는 $digest 루프당 두 가지 결정을 내려야 한다는 단점이 있습니다(추가/삭제 여부를 결정해야 함).center추가/삭제 여부를 결정해야 합니다.left1개만 필요한 경우).

• Ryballar's는 (뷰에 논리가 포함되어 있지 않아야 하기 때문에) 어느 시점에서 제거될 가능성이 있는 삼원 연산자에 의존합니다.(실제로 제거될지 확신할 수 없고 조만간 제거될지도 모릅니다만, 보다 안전한 솔루션이 있다면 어떨까요?)

---

그 대신 다음 작업을 수행할 수 있습니다.

ng-class="{true:'center',false:'left'}[page.isSelected(1)]"

언급URL : https://stackoverflow.com/questions/25369250/angular-ng-class-if-else