如何使用三元运算符处理ng-class中的2个以上的情况？

Question

这是我目前的代码：

0

好的，这非常清楚，但现在我的情况是data.quote可以是<div class="vision" ng-class="data.quote > 0 ? 'blue-rapid' : (data.quote == 0 ? 'black_rapid' : 'gray-rapid')"></div> 。

我试过这个：

{{1}}

但它没有帮助。

我该怎么办？

感谢。

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