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

Question

我需要根据范围变量的长度应用class

  <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';
};

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

angular ng-class on a conditional expression for a $scope variable in the controller

angularjs

ng-class