json - Angular 2 ngClass : Get Got interpolation ({{}}) where expression was expected when trying to display json on html

Question

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

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

当我使用上面的代码时，我得到了这个错误:

在需要表达式的地方得到插值 ({{}})

如果我删除大括号，我不会收到任何错误，但页面不会呈现该元素，因此我看不到 weak 或 neutral 的类实现。我做错了什么？

Answer 1

不要一起使用 [...] 和 {{...}}。一个或另一个。

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

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