【问题标题】:Accessing property with space in template expression在模板表达式中使用空格访问属性
【发布时间】:2018-07-19 05:35:37
【问题描述】:

我的代码结构如下:

"name": {

        "age": [
            {
                "data": {
                    "how  old": "23"


                }
            },

我的 JSON 键有空格。如何访问 Angular 模板中的属性?我正在执行以下操作,但它给出了错误。

<span>{{age.data.'how  old'}}</span>

【问题讨论】:

  • 就像 JS 生态系统中的其他任何地方一样,当密钥不是有效的标识符时,您必须改用 [] 表示法。 age.data.'how old' 在语法上无效。
  • 你看到的错误是什么?
  • @SazzadurRahaman 一些解析错误和 jonrsharpe 你能告诉我我该怎么做吗?
  • @SazzadurRahaman 只是类型错误。不会产生影响
  • @SazzadurRahaman JS 允许在数组或对象的最后一个元素之后使用逗号。

标签: javascript html angular


【解决方案1】:
{{age.data['how  old']}}

或者,可能

{{name.age[0].data['how  old']}}

【讨论】:

  • @NaveenSuryawanshi,如果它有效,您应该考虑接受答案。
猜你喜欢
  • 2017-11-28
  • 1970-01-01
  • 2015-08-18
  • 2014-04-25
  • 1970-01-01
  • 2020-02-13
  • 1970-01-01
相关资源
最近更新 更多