我尝试在角度2应用程序中实现ng-class-even和ng-class-odd(来自angular 1)类型行为.
我已经编写了下面的代码并且工作正常,我想知道是否还有其他方法可以做到这一点.
HTML
<div *ngFor="#employee of employees; #index = index" [class.odd]="index%2==1" [class.even]="index%2==0" [class.selected]="employee === selectedEmployee">
<p>{{employee.name}}</p>
</div>
CSS
.odd {
background-color: #f2f9ff;
}
.even {
background-color: #eceff3;
}
angularjs angularjs-ng-class-even angularjs-ng-class-odd angular
使用Angular版本1.2.15,我发现了一个错误,它似乎从版本1.2.2开始,直到1.2.15.
HTML
<body ng-app="">
<ol ng-init="names=['John', 'Mary', 'Cate', 'Suz','Felipe','Vero']">
<li ng-repeat="name in names">
<span ng-class-odd="'shared odd'" ng-class-even="'shared even'">
{{name}}
</span>
</li>
</ol>
</body
CSS
.shared {color: red;}
.even{ background-color:yellow; }
.odd{ background-color:white; }
您将看到奇怪的样式如何在第3个元素上不起作用.
这个问题有解决方法吗？
如果不是更有意义的升级或降级？
css angularjs angularjs-ng-class-even angularjs-ng-class-odd