如何从JSON中的数组中获取数据-Angular 7+；

我完全是从Angular和API开始的。我正在努力解决一些问题。我想我的任务很简单。我必须从NBPWebAPI获取货币汇率数据。JSON文件如下所示：

我已经找到了从JSON获取一些数据的解决方案，但我仍然对数组有问题。json文件已转换为typescript，结果为：

所以我的代码是这样的：

Exchange.model.ts

app.component.ts

和app.component.html

如何解决问题如何从JSON中的数组中获取数据到typescript？在Exchange.module.ts中向数组输入什么？

---

我知道，问题很长，但我想显示必要的代码和图像。

您已经有了一个

数组，它在页面上显示对象列表。由于
Rate
也是一个对象，因此您需要显示其属性以查看有意义的内容

如果您想显示所有费率，您可以对费率执行另一个
*ngFor
操作，就像对交易所执行的操作一样

例如：

<div *ngFor="let exchanges of exchanges$">
   <h2>{{exchanges.table}}  <br> {{exchanges.no}} <br> {{exchanges.effectiveDate}}</h2>
   <div *ngFor="let rate of exchanges.rates">{{rate.code}} {{rate.mid}} {{rate.currency}}</div>
</div>


{{exchanges.table}
{{exchanges.no}
{{exchanges.effectiveDate}
{{rate.code}{{rate.mid}{{rate.currency}}

你没有很好地解释你想要得到什么样的输出。如果您需要一些额外的处理，最好将其移动到组件代码中。
您能在数据服务中提供api请求吗？因为在下面的图像中，您只是显示了来自appComponent的调用。
export-class-DataService{apuUrl='10〕http://api.nbp.pl/api/exchangerates/tables/a/last/5/?format=json“；构造函数（私有_http:HttpClient）{}getExchanges（）{返回这个。_http.get（this.apuUrl）；}getRates（）{返回这个。_http.get（this.apuUrl）；}
好人贝娄写了一个正确的代码。所以现在一切都好了！谢谢你的回答。谢谢！它工作了。我不确定第二个ngFor中应该包含什么。现在来自rate的数据出现了。这就是我想要实现的。
import { Component, OnInit } from '@angular/core';
import { Exchange, Rate } from './exchange.model';

import { DataService } from './data.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  exchanges$: Exchange;
  rates$: Rate;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    return this.dataService.getExchanges().subscribe(data => this.exchanges$ = data)


  }

  ngOnInit2() {
    return this.dataService.getRates().subscribe(data => this.rates$ = data)


  }
}

<div *ngFor='let exchanges of exchanges$'>
        <h2">{{exchanges.table}}  <br> {{exchanges.no}} <br> {{exchanges.effectiveDate}}</h2">
            {{exchanges.rates}}

</div>

"rates":[ 
{ 
"currency":"bat (Tajlandia)",
"code":"THB",
"mid":0.1261
},"

<div *ngFor="let exchanges of exchanges$">
   <h2>{{exchanges.table}}  <br> {{exchanges.no}} <br> {{exchanges.effectiveDate}}</h2>
   <div *ngFor="let rate of exchanges.rates">{{rate.code}} {{rate.mid}} {{rate.currency}}</div>
</div>