Angular 2 ngClass：获取插值（{{}}），其中在尝试在html上显示json时预期表达式

Question

我是Angular 2的新手，希望得到社区的一些帮助。我目前正在尝试在我的html视图的<tr>元素中实现ngClass的动态/条件实现。使用的trufy是一个变量，它的原始值来自我的Componenet上设置的JSON对象：

<td [ngClass] = "{weak : {{jsonInMyComponenet.element}}, neutral : !{{jsonInMyComponenet.element}}}"  ></td>

当我使用上面的代码时，我收到此错误：

得到插值（{{}}），其中表达式是预期的

如果我删除大括号，我得到没有错误，但页面没有渲染元素，所以我看不到弱或中性的类实现。我做错了什么？

Answer 1

不要同时使用[...]和{{...}}。无论是一个还是另一个。

<td [ngClass] = "{'weak' : jsonInMyComponenet.element, 'neutral' : !jsonInMyComponenet.element}"  ></td>

{{...}}用于字符串插值。 [...]将值解释为表达式。