我的 app.component.ts 中有一个 JSON 对象,其中有几个值,末尾有不同的索引,例如
component.JSONObject.Q_HH_44
在另一篇文章(Angular 5 动态变量名称)中,我读到我可以在 HTML 模板中动态更改变量名称,如下所示:
{{this['component.JSONObject.Q_HH_' + component.id]}}
然而,这似乎对我不起作用,我不明白为什么。我认为问题是this
但没有写入字符串而不是显示变量的值
这是一个 Stackblitz 与我的斗争以及我认为可以工作的所有案例https://stackblitz.com/edit/angular-ivy-zqlub5?file=src/app/app.component.html
我玩了你的 stackblitz 并得到了你想要的:
<p>
{{obj.col1['Attribute' + values[1]]}}
<!-- only String -->
</p>
<p>
{{obj.col1['Attribute' + values[1]]}}
<!-- nothing at all -->
</p>
您不能在字符串中使用点来获取 json 对象,js
这种方式不起作用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句