时间戳

首页 > 解决方案 > Angular使用索引名称从json中检索数据

javascript - Angular使用索引名称从json中检索数据

问题描述

我正在尝试从json数组dealerLst访问用户项目的视图。我在从下面的复杂 json 访问多个用户时遇到问题。谁能帮助我如何使用角度或通过打字稿访问所有孩子？也怎么知道哪个孩子属于哪个父母。

我的代码： 点击查看我的json输出结果

打字稿代码

 this.http.get<any>(environment.baseurl,{ headers }).subscribe({
      next: data => {
        console.log(data)
        this.dealers = data.dealerLst
        console.log(data.dealerLst.user)
        this.total=data.total
        
    },
    error: error => {
        console.error('There was an error!', error.message);
    }
    });

结果显示未定义。我也尝试放入 ngFor 循环，但没有奏效。

标签： javascriptarraysjsonangulartypescript

解决方案

你的 html 看起来像这样？

<div *ngFor="let dealer of dealers"> Dealer Id: {{dealer?.id}} user: {{dealer?.user?.loginName}}</div>

在您的 ts 文件中：

this.http.get<any>(environment.baseurl,{ headers }).subscribe({
      next: data: <YOUR_INTERFACE> => {
        console.log(data)
        this.dealers = data.dealerLst
        console.log(data.dealerLst.user)
        this.total=data.total
        
    },
    error: error => {
        console.error('There was an error!', error.message);
    }
    });

推荐阅读