控制器中$ scope变量的条件表达式的角度ng-class

Question

我需要根据范围变量的长度应用一个类

  <div class="col-md-1">
    <i class="float-right" ng-class="{'user-online':activeAssignments.length > 0, 'user-offline': activeAssignments.length <= 0}"></i>
</div>

我能做这样的事情,还是有更好的方法呢？

$scope.activeAssignments 在控制器中定义

Answer 1

我至少会从HTML中取出逻辑并在控制器上使用一个简单的函数:

<div class="col-md-1" ng-controller="MyCtrl">
  <i class="float-right" ng-class="onlineClass(activeAssignments)"></i>
</div>

并在控制器上

$scope.onlineClass = function(a) {
    return (a > 0) ? 'user-online' : 'user-offline';
};