我是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>
{{...}}
用于字符串插值。[...]
将值解释为表达式。