javascript - ng-class-odd 无法正常工作

Question

所以，我有这个 Controller

$rootScope.nhCount = 0;                

angular.forEach(data, function(value, key) {
      $rootScope.nhCount = $rootScope.nhCount + 1;
});

我的 html 尝试使用 ng-class-odd和 ng-class-even像这样

<ul ng-class-odd="'timeline-inverted'" ng-class-even="'timeline'" >
            <li ng-repeat="nhCount in nhCount.data| orderBy:'date':true">

我使用找到的 css here .

根据ng-class-even / ng-class-odd，它应该将每隔一个内容 block 放在屏幕的右侧或左侧。 .它不工作。即使我移动 ng-class-odd="'timeline-inverted'" ng-class-even="'timeline'"在<li>里面仍然无法正常工作。

我怎样才能使这项工作？我在这里错过了什么？

谢谢

Answer 1

ngClassOdd 和 ngClassEven 指令只能在 ngRepeat 的范围内应用。

所以你必须这样写:

<li ng-repeat="item in items">
   <span ng-class-odd="'timeline-inverted'" ng-class-even="'timeline'">
     {{name}}
   </span>
</li>

此外，我不是 Angular 专家，但您的 ng-repeat 看起来有问题，连续 2 个冒号看起来不太正确； orderBy:'date':true