Angularjs $first在ngRepeat中
我有一个数组Angularjs $first在ngRepeat中,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我有一个数组$scope.items 如果项目是$first中的一个,我想在中添加css类 这是一件可以用角度来做的事情吗?一般来说,我如何处理AJ中的布尔人 <div ng-repeat="item in items"> <div class='' > {{item.title}}</div> </div> {{item.title} 应该是 <div ng-repeat="item in items"> <di
$scope.items
如果项目是$first
中的一个,我想在中添加css类
这是一件可以用角度来做的事情吗?一般来说,我如何处理AJ中的布尔人
<div ng-repeat="item in items">
<div class='' > {{item.title}}</div>
</div>
{{item.title}
应该是
<div ng-repeat="item in items">
<div ng-class='{in:$first}' > {{item.title}}</div>
</div>
{{item.title}
查看此线程中的ng class
指令您可以尝试方法调用
HTML
<div ng-controller = "fessCntrl">
<div ng-repeat="item in items">
<div ng-class='rowClass(item, $index)' > {{item.title}}</div>
</div>
</div>
演示您能解释一下它应该如何工作吗?这里是小提琴,你可以实现你的方式:谢谢
var fessmodule = angular.module('myModule', []);
fessmodule.controller('fessCntrl', function ($scope) {
$scope.items = [
{title: 'myTitle1', value: 'value1'},
{title: 'myTitle2', value: 'value2'},
{title: 'myTitle3', value: 'value1'},
{title: 'myTitle4', value: 'value2'},
{title: 'myTitle5', value: 'value1'}
];
$scope.rowClass = function(item, index){
if(index == 0){
return item.value;
}
return '';
};
});
fessmodule.$inject = ['$scope'];