我如何 *ngFor 用于角度嵌套的 json 并获取数据？

【问题标题】：How I can *ngFor for nested json in angular and get data?我如何 *ngFor 用于角度嵌套的 json 并获取数据？
【发布时间】：2022-11-24 14:20:15
【问题描述】：

我正在尝试在数组下方显示

  myData = {
    "data": {
      "ZSLatencies": {
        "Recharging API Latency": [
          [
            "<200ms",
            2320
          ],
          [
            ">200ms",
            4
          ],
          [
            ">500ms",
            0
          ],
          [
            ">1000ms",
            0
          ],
          [
            ">2000ms",
            0
          ],
          [
            ">3000ms",
            0
          ]
        ]
      }
    }
  }

我正在尝试读取一个 json 文件并尝试以角度模板显示

<div *ngFor="i of myData.data.ZSLatencies" >
    <p *ngFor="let d of i">
        {{d}}
    </p>
</div>

它显示以下错误 enter image description here

【问题讨论】：

你如何读取json文件？数据存储在哪个变量中？该错误表明您的组件中没有任何名为 myData 的属性。

标签： arrays json angular typescript object

【解决方案1】：

首先你错过了“让” *ngFor="让我的 myData.data.ZSLatencies"

ZSLatencies 是一个对象，所以你不能在这里使用 ngFor

在 myData 之前添加 public 并将其保存在类中而不是 ts 文件中的任何函数

公共 myData = {

 <div *ngFor="let i of myData.data.ZSLatencies.Recharging API Latency">
    {{i | json}}
 </div>

让批准的答案，如果你的问题是固定的谢谢

【讨论】：

这里的主要问题确实是let 关键字。 .至于myData，因为默认情况下没有指定访问修饰符是公共的。同样从提供的图像来看，myData 似乎甚至不存在于组件中
这里的主要问题确实是let 关键字。 .至于myData，因为默认情况下没有指定访问修饰符是公共的。同样从提供的图像看来 myData 甚至不存在于组件中