javascript - 将 ng-style 与 switch 语句一起使用 - Angular JS

Question

是否可以将 ng-style 与返回非 bool 值的函数一起使用？

我想根据模型中的属性为不同的背景着色，并且我成功做到了

<tr ng-repeat="issue in data.issues|orderBy:orderByField:reverseSort" ng-style="{'background-color': isToday(issue.due_date) ?  'red': 'yellow'}" >
   ...

Controller :

    $scope.isToday = function (compareDate) {
        var today = $scope.today;
        return compareDate < today.getFullYear() + '-' + today.getDate() + '-' + today.getMonth();
    }

其中 isToday 函数返回一个 bool 值。

如何处理我的函数返回 3 个值(或更多)并且我希望根据其结果拥有 3 种不同的背景颜色的情况？

Answer 1

使用ngClass。模板:

<tr ng-repeat="issue in data.issues|orderBy:orderByField:reverseSort" ng-class="{{ myClass }}" >

CSS:

.one {
  background-color: red;
}

.two {
  background-color: blue;
}

.three {
  background-color: green;
}

js:

$scope.myClass = 'three' // or 'one', or 'two'