在ng-repeat中设置DIV类

Question

我有下一个HTML代码：

<div class="small-3 column cell" 
     ng-repeat="cell in line track by $index">

     {{ cell }}

</div>

如何根据{{cell}}值为DIV元素添加其他类。例如，“空”＆＃39;对于cell = 0，＆＃39; full＆＃39;对于细胞！= 0？

Answer 1

<div class="..." ng-repeat="cell in line" ng-class="{empty:(cell==0), full:(cell!=0)}">
    ...
</div>

可以进一步减少到

<div class="..." ng-repeat="cell in line" ng-class="(cell==0) ? 'empty' : 'full'">
    ...
</div>

Answer 2

您可以使用angular expression支持的任何内容。 ng-class最适合您描述的内容。

如果您需要的逻辑比使用ng-class更复杂，您可以随时为此方案创建控制器。

<div class="small-3 column cell" ng-controller="MyCtrl"
     ng-repeat="cell in line track by $index">

     <div class="{{getClass()}}"></div>

</div>

function MyCtrl($scope) {
   $scope.getClass = function() {
      if($cell == whatever) return "whatever";
      return "nothing";
   }
}