ng-class조건부 와 같은 것을 표현할 수있는 방법이 있습니까?

예를 들어 다음을 시도했습니다.

<span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span>

이 코드의 문제점은 무엇이든간에 obj.value1클래스 테스트가 항상 요소에 적용된다는 것입니다. 이것을하는 것 :

<span ng-class="{test: obj.value2}">test</span>

긴만큼 obj.value2truthy 값과 동일하지 않는 클래스가 적용되지 않음. 이제 첫 번째 예에서이 문제를 해결할 수 있습니다.

<span ng-class="{test: checkValue1()}">test</span>

어디 checkValue1이런 기능 외모 :

$scope.checkValue1 = function() {
  return $scope.obj.value === 'somevalue';
}

이것이 어떻게 ng-class작동 해야하는지 궁금합니다 . 또한 이와 비슷한 작업을 수행하려는 사용자 지정 지시문을 작성 중입니다. 그러나 표현을 볼 수있는 방법을 찾을 수 없습니다 (아마도 불가능하고 이것이 작동하는 이유 일 수도 있습니다).

여기에 내가 의미 하는 바를 보여주는 plnkr 이 있습니다.

답변

{test: obj.value1 == 'someothervalue'}

ng-class="{'test': obj.value1 == 'someothervalue' || obj.value2 == 'somethingelse'}"

<table>
    <tbody>
            <tr ng-repeat="task in todos"
                ng-class="{'warning': task.status == 'Hold' , 'success': task.status == 'Completed',
              'active': task.status == 'Started', 'danger': task.status == 'Pending' } ">
                <td>{{$index + 1}}</td>
                <td>{{task.name}}</td>
                <td>{{task.date|date:'yyyy-MM-dd'}}</td>
                <td>{{task.status}}</td>
            </tr>
    </tbody>
</table>

<div ng-class="{0:'one', 1:'two',2:'three'}[status]"></div>

<div ng-class="{1:'test_yes', 0:'test_no'}[status]"></div>

ng-class="(status=='active') ? 'enabled' : 'disabled'"

ng-class="(status=='active') ? ['enabled'] : ['disabled', 'alik']"

<div class="{{expression == true ? 'class_if_expression_true' : 'class_if_expression_false' }}">Your Content</div>

<div ng-class="condition?'class1':'class2'"></div>

<div ng-class="{value1:'class1', value2:'class2'}[condition]"></div>

<div ng-class="{ 'clearfix' : (row % 2) == 0 }">