無法從指令中選擇ngClass元素

Question

我使用angularjs ng-class directive添加類與ng-if ，並使用另一個模塊指令使用此類名稱對此元素執行某些操作，但在運行時它不工作指令找不到具有此類名的元素，當我硬編碼類名稱其工作，但從ng-class注入的類名不起作用。

<!-- 'A' not picking by directive -->
<div ng-class="{'myclass': item.isTrue}" ng-repeat="item in vm.list">...</div>

<-- 'B' working -->
<div class="myclass" ng-repeat="item in vm.list">...</div>

指示。

var tmp = $element[0].getElementsByClassName("myclass"); // not working with 'A' but fine  with 'B'

Answer 1

我猜這個directive調用的ng-class存在問題。 此外，類型class的指令使用較少，因為總是可以實現與attribute和element相同的指令。

我創建了一個演示 ， ng-if我調用type attribute和class的directive ，如何使用相同的方法實現：

1. 將其用作屬性

<div ng-repeat="item in data">
    <div>
      {{item.name}}
      <span ng-if="item.isTrue" myclass></span>
    </div>
</div>

2. 用它作為類

<div ng-repeat="item in data">
    <div>
      {{item.name}}
      <span ng-if="item.isTrue" class="myclass">
      </span>
    </div>
</div>    

它們的JS很常見，如下所示：

$scope.data = [{
    'id': 0,
    'name': 'Name 1',
    'isTrue': false
  }, {
    'id': 1,
    'name': 'Name 2',
    'isTrue': true
  }, {
    'id': 2,
    'name': 'Name 3',
    'isTrue': true
  }, {
    'id': 3,
    'name': 'Name 4',
    'isTrue': false
}];