从 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>