ngClass 可以在 Angular 2 中使用三元运算符吗？

在 Angular 1 中，下面的代码运行良好。

<div ng-class="$varA === $varB ? 'css-class-1' : 'css-class-2'">

但是当我尝试在 Angular 2 中做类似的事情时，它不起作用。

我已经添加了directives: [NgClass]

<div [ngClass]="varA === varB ? 'css-class-1' : 'css-class-2'">

我应该如何在 Angular 2 中编写，谢谢！

编辑：这是我的错误，我不小心添加了{ }对整体varA === varB ? 'css-class-1' : 'css-class-2'。所以 ngClass 在 Angular 2 中仍然可以使用三元运算符。

是的。你写的作品有效：

<div [ngClass]="varA === varB ? 'css-class-1' : 'css-class-2'">

Plunker http://plnkr.co/edit/C6dNlDiynghdDFNZ1zSJ?p=preview

右侧表达式的结果必须计算为以下之一：

• 一串以空格分隔的 CSS 类名（这是您的表达式返回的内容）
• CSS 类名数组
• 一个对象，以 CSS 类名作为键，以布尔值作为值

也许您的代码中还有其他错误？