Question

我试图从Angular中的JSON引用一个字段

{  "elements": [
    {
      "LCSSEASON.IDA2A2": "351453",
      "LCSSEASON.BRANCHIDITERATIONINFO": "335697"
    },
    {
      "LCSSEASON.IDA2A2": "353995",
      "LCSSEASON.BRANCHIDITERATIONINFO": "298931"
    },
    {
      "LCSSEASON.IDA2A2": "310935",
      "LCSSEASON.BRANCHIDITERATIONINFO": "282654"
    },
    {
      "LCSSEASON.IDA2A2": "353967",
      "LCSSEASON.BRANCHIDITERATIONINFO": "353966"
    },
    {
      "LCSSEASON.IDA2A2": "355294",
      "LCSSEASON.BRANCHIDITERATIONINFO": "355293"
    }
  ]
  }

在HTML模板中，我想打印元素 - elements.LCSSEASON.IDA2A2 但是在密钥中有2个点会导致以下代码出现问题

任何想法和建议??

我无法将服务器JSON输出更改为其遗留应用程序，我无法控制。

<ul *ngFor="let item of items">   <li>  {{item.LCSSEASON.IDA2A2}}  </li> </ul>

Answer 1

使用这样的方括号访问该属性

<ul *ngFor="let item of items">   <li>  {{item['LCSSEASON.IDA2A2']}}  </li> </ul>

引用包含点的json字段名称

1 个答案: