Angular 2 ngClass: Get Got Got 插值 ({{}}) 尝试在 html 上显示 json 时期望表达式
Angular 2 ngClass: Get Got interpolation ({{}}) where expression was expected when trying to display json on html
我是 Angular 2 的新手，希望能从社区获得一些帮助。我目前正在尝试在 html 视图的 <tr> 元素中实现 ngClass 的 dynamic/conditional 实现。使用的 trufy 是一个变量，它的原始值来自我的 Componenet 上设置的 JSON 对象：
<td [ngClass] = "{weak : {{jsonInMyComponenet.element}}, neutral : !{{jsonInMyComponenet.element}}}" ></td>
当我使用上面的代码时出现此错误：
在需要表达式的地方得到插值 ({{}})
如果我删除大括号，我不会收到任何错误，但页面不会呈现该元素，因此我看不到 class weak nor neutral 的实现。我做错了什么？
不要同时使用 [...] 和 {{...}}。非此即彼。
<td [ngClass] = "{'weak' : jsonInMyComponenet.element, 'neutral' : !jsonInMyComponenet.element}" ></td>
{{...}} 用于字符串插值。 [...] 将值解释为表达式。
我是 Angular 2 的新手，希望能从社区获得一些帮助。我目前正在尝试在 html 视图的 <tr> 元素中实现 ngClass 的 dynamic/conditional 实现。使用的 trufy 是一个变量，它的原始值来自我的 Componenet 上设置的 JSON 对象：
<td [ngClass] = "{weak : {{jsonInMyComponenet.element}}, neutral : !{{jsonInMyComponenet.element}}}" ></td>
当我使用上面的代码时出现此错误：
在需要表达式的地方得到插值 ({{}})
如果我删除大括号，我不会收到任何错误，但页面不会呈现该元素，因此我看不到 class weak nor neutral 的实现。我做错了什么？
不要同时使用 [...] 和 {{...}}。非此即彼。
<td [ngClass] = "{'weak' : jsonInMyComponenet.element, 'neutral' : !jsonInMyComponenet.element}" ></td>
{{...}} 用于字符串插值。 [...] 将值解释为表达式。