Javascript ng类奇数不能正常工作

Javascript ng类奇数不能正常工作,javascript,css,angularjs,Javascript,Css,Angularjs,我有一个控制器 $rootScope.nhCount = 0; angular.forEach(data, function(value, key) { $rootScope.nhCount = $rootScope.nhCount + 1; }); 我的html尝试使用ng类奇数和ng类偶数这样 <ul ng-class-odd="'timeline-inverted'" ng-class-even="'timeline'" >

我有一个控制器

$rootScope.nhCount = 0;                

angular.forEach(data, function(value, key) {
      $rootScope.nhCount = $rootScope.nhCount + 1;
});
我的html尝试使用
ng类奇数
ng类偶数
这样

<ul ng-class-odd="'timeline-inverted'" ng-class-even="'timeline'" >
            <li ng-repeat="nhCount in nhCount.data| orderBy:'date':true">
我使用找到的css

它应该根据
ng class偶数/ng class奇数
将每隔一块内容放在屏幕的右侧或左侧。它不起作用。即使我将
  • 内的
    ng class odd=“'timeline-inversed'”ng class偶数=“'timeline'”
    移动,仍然无法工作

    我怎样才能做到这一点?我错过了什么


    感谢

    ngClassOdd和ngclass偶数指令只能在ngRepeat的范围内应用

    所以你必须写这样的东西:

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

  • 另外,我不是一个角度专家,但你的ng重复出现了一些问题,连续两个冒号看起来不太正确
    orderBy:'date':true

    ngClassOdd和ngclass偶数指令只能在ngRepeat的范围内应用

    所以你必须写这样的东西:

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

  • 另外,我不是一个角度专家,但你的ng重复出现了一些问题,连续两个冒号看起来不太正确
    orderBy:'date':true

    我认为orderBy过滤器弄乱了相应的ng类奇数/ng类偶数

    使用跟踪

    <li ng-repeat="nhCount in nhCount.data| orderBy:'date':true track by $index">
    

  • 我认为OrderBy筛选器会弄乱相应的ng类奇数/ng类偶数

    使用跟踪

    <li ng-repeat="nhCount in nhCount.data| orderBy:'date':true track by $index">
    

  • 使用$偶数和$奇数变量

    var-app=angular.module(“app”,[]);
    app.controller(“MyCtrl”,函数($scope){
    $scope.items=[1,2,3,4,5];
    });
    
    。时间线{
    背景颜色:黄色;
    颜色:红色;
    }
    .时间倒转{
    背景颜色:绿色;
    颜色:红色;
    }
    
    
  • {{item}}

  • 使用$偶数和$奇数变量

    var-app=angular.module(“app”,[]);
    app.controller(“MyCtrl”,函数($scope){
    $scope.items=[1,2,3,4,5];
    });
    
    。时间线{
    背景颜色:黄色;
    颜色:红色;
    }
    .时间倒转{
    背景颜色:绿色;
    颜色:红色;
    }
    
    
  • {{item}}

  • 两个冒号没有问题,这意味着使用两个参数调用
    orderBy
    过滤器
    “日期”
    true
    。相当于在Javascript代码中调用
    orderByFilter(nhCount.data,'date',true)
    。这两个冒号很好,它意味着使用两个参数调用
    orderBy
    过滤器
    'date'
    true
    。相当于在Javascript代码中调用
    orderByFilter(nhCount.data,'date',true)