programing

AngularJS, 변수 = something인 경우 ng-class를 사용하여 클래스를 할당합니다.

i4 2023. 3. 27. 20:59
반응형

AngularJS, 변수 = something인 경우 ng-class를 사용하여 클래스를 할당합니다.

카테고리가 선택된 경우 아이콘에 다른 클래스를 할당하려고 합니다.변수 범주 == 숫자일 경우 클래스 icon-pfeil_unten을 추가합니다.시도 대상:

<i class="icon-pfeil_oben" ng-class="{'icon-pfeil_unten': category.16}"></i>

여기서 16은 카테고리의 ID입니다.범주 == 16이면 아무 일도 일어나지 않습니다.제가 표현을 잘못 쓴 것 같아요.ng-class를 사용하여 변수 값을 테스트하는 올바른 방법은 무엇입니까?

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

ng-class="{true: 'icon-pfeil_unten', false: 'icon-pfeil-oben'}[category == 16]"

그러니까 기본적으로는if category == 16에게 호소하다.true, 클래스 추가icon-pfeil_unten

또한 다음과 같은 짧은 손을 사용할 수도 있습니다.

    ng-class="category==16 ? 'icon-pfeil_unten' : 'icon-pfeil-oben'"

언급URL : https://stackoverflow.com/questions/19727552/angularjs-using-ng-class-to-assign-a-class-if-variable-something

반응형