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)
。