我是Angular2的新手,希望能得到社区的帮助。我目前正试图在html视图的<tr>元素中实现ngclass的动态/条件实现。使用的trufy是一个变量,其原始值来自于在我的componenet上设置的json对象:

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

当我使用上述代码时,会出现以下错误:
在需要表达式的位置获取插值({{}})
如果删除花括号,我不会得到错误,但页面不会呈现元素,因此我看不到弱或中性的类实现。我做错什么了?

最佳答案

不要同时使用[...]{{...}}。不是一个就是另一个。

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

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

10-07 14:55