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

Question

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

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

当我使用上面的代码时，出现此错误：

得到了预期表达式的插值 ({{}})

如果我删除大括号，我不会出错，但页面不会呈现元素，所以我看不到弱或中性的类实现。我做错了什么？

Answer 1

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

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

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