Как отобразить данные API в угловых материалах - PullRequest
Новая
       12

Как отобразить данные API в угловых материалах

0 голосов
/ 22 февраля 2019

У меня есть данные API в HTML-таблице по умолчанию.Я хочу изменить эту таблицу с помощью таблицы данных углового материала.

Я пытался изменить эту таблицу, но не смог ее исправить.Я не могу понять, как это исправить.Если кто-нибудь использовал эту таблицу или знает об этом.Помогите мне или предложите любую идею о том, как это изменить.

Я хочу использовать эту таблицу в своем компоненте https://stackblitz.com/angular/mnbkjxbrpaj?file=app%2Ftable-overview-example.ts

.ts здесь код файла 

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-list-fit',
  templateUrl: './list-fit.component.html',
  styleUrls: ['./list-fit.component.scss']
})
export class ListFitComponent implements OnInit {
  userToken: string;
  fitData: Array<any> = [];

  constructor(private https: HttpClient) {
    this.userToken = localStorage.getItem('credentials');
  }

  ngOnInit() {
    this.getFitType();
  }

  getFitType() {
    const data = {
      user: this.userToken
    };
    this.https.post<any>('api/fit/list', data).subscribe(
      response => {
        if (response.response_code === 200) {
          this.fitData = response.fit;
        }
      },
      error => {
        console.log(error.error);
      }
    );
  }
}
...