Question

我想通过调用方法来设置div的类名，因为这里的类名很复杂，我该怎么做？

<div ng-repeat="row in rows">
    <div ng-class="here i want to set class by calling method getClass(row)">...</div>
</div>

js code：

$scope.getClass = function(r) {
    if(r.id == 1)
        return "some-class";
    else if(r.id == 2)
        return "some-better-class";
    else if(r.id == 3)
        return "some-more-better-class";
    ... and so on
};

Answer 1

只是：

<div ng-repeat="row in rows">
  <div class="some" ng-class="getClass(row)">...</div>
</div>

演示 Fiddle

Answer 2

如果您只想根据行号设置行的样式，可以使用有角度的ng-repeat＆＃39; $ index＆＃39;属性而不是函数：

<div ng-controller="fessCntrl">
    <div ng-repeat="row in rows">
        <div ng-class="'row'+$index">Name: {{row.name}}, Index: {{$index}}</div>
    </div>
</div>

和CSS：

.row0 {
    background-color: red;
}
.row1 {
    background-color: blue;
}
.row2 {
    background-color: yellow;
}

小提琴： http://jsfiddle.net/fess81/oj3xg5vb/

如何根据复杂的方法设置类名？

2 个答案: