©
本文檔使用 php中文網手册 發布
ngClassOdd
和 ngClassEven
指令工作方法类似 ngClass, 只是它们只能配合 ngRepeat
进行工作来改变奇数(偶数)行的效果。
指令只在ngRepeat的域内有效。
<ANY
ng-class-even="">
...
</ANY>
<ANY class="ng-class-even: ;"> ... </ANY>
参数 | 类型 | 详述 |
---|---|---|
ngClassEven | expression | 可求值表达式。表达式返回结果必须为空格分隔的CSS类名字符串或数组。 |
<ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">
<li ng-repeat="name in names">
<span ng-class-odd="'odd'" ng-class-even="'even'">
{{name}}
</span>
</li>
</ol>
.odd {
color: red;
}
.even {
color: blue;
}
it('should check ng-class-odd and ng-class-even', Function() {
expect(element(by.repeater('name in names').row(0).column('name')).getAttribute('class')).
toMatch(/odd/);
expect(element(by.repeater('name in names').row(1).column('name')).getAttribute('class')).
toMatch(/even/);});