javascript - 如何使用三元运算符在 ng 类中处理超过 2 个案例？

Question

这是我当前的代码:

<div class="vision" ng-class="data.quote > 0 ? 'blue-rapid' : 'gray-rapid'"></div>

好的，这已经很清楚了，但现在我遇到了 data.quote 可以是 0 的情况。

我试过这个:

<div class="vision" ng-class="data.quote > 0 ? 'blue-rapid' :
 (data.quote == 0 ? 'black_rapid' : 'gray-rapid')"></div>

但这并没有帮助。

我能做什么？

谢谢。

Answer 1

不要这样做。 ng-class 还允许您使用您应该使用的方法。这对于一个指令来说逻辑太多了。

你的观点可以是这样的:

<div class="vision" ng-class="getQuoteClass(data)"></div>

你的 JS 可以是这样的(任何适合你的意图):

// Could also be controllerName.prototype.getQuoteClass()...
$scope.getQuoteClass(data) {
  if (data.quote > 0) {
    return 'blue-rapid';
  }
  return data.quote === 0 ? 'black_rapid' : 'gray-rapid';
}