角度动态更改变量名称

翻转开关

我的 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章