從 api 接收數據並在 html 上顯示

Question

我嘗試撥打電話 API，我想顯示一些我的數據。

我的數據以表格形式出現。

目前我有一個[對象：對象]

控制台.log(this.data) =

1: {products_id: 6128961, products_date_added: "2016-10-04T00:00:00+02:00"}

2: {products_id: 6129048, products_date_added: "2016-10-05T00:00:00+02:00"}

子組件。html：

        <mat-icon><div *ngFor='let data of datas'>{{datas.length}}</div></mat-icon>

智利組件.ts

@Input() counterDatasObservable: Observable<any>;
  data = [];

  constructor() {}

  ngOnInit() {
    this.counterDatasObservable.subscribe( datas => {
      this.data = datas;
      console.log(this.data);
      console.log('jesuis là');
      
    });

父組件.html：

        <app-counter [counterDatasObservable]="dataMlsService.getProducts('EnCours', 'Location')"></app-counter>

我的解決方案在這里：

<mat-icon *ngIf='data'>{{data.length}}</mat-icon>

Answer 1

兒童組件不了解數據，在 html 中，您應該使用數據而不是數據變量，例如

<mat-icon><div *ngFor='let row of data'>{{data.length}}</div></mat-icon>