ng2-smart-таблица: данные из json

Question

Я бы хотел связать свои данные json с ng2-smart-таблицей

Мой json вернул много данных

"data":{
   "name":"Myname",
   "email":"myemail@gmail.com",
   "car":[
      {
       "carId":"99",
       "carName":"mycar",
       "carBurant":"diesel"
      },
      {
       "carId":"88",
       "carName":"mycar2",
       "carBurant":"diesel"
      },
      {
       "carId":"77",
       "carName":"mycar3",
       "carBurant":"diesel",
      },
   ]
 }

Я хотел бы поставить "carId", "carName"и" carBurant "на моем ng2-smart-table Не могли бы вы помочь мне, пожалуйста?

Answer 1

На самом деле довольно просто, если вам выпал шанс взглянуть на документацию здесь.

Здесь, попробуйте:

import { Component } from "@angular/core";
import { HttpClient } from "@angular/common/http";

@Component({
  selector: "my-app",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  settings = {
    columns: {
      carId: {
        title: "Car ID"
      },
      carName: {
        title: "Car Name"
      },
      carBurant: {
        title: "Car Burant"
      }
    }
  };
  data;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.get("assets/user.json").subscribe(user => (this.data = user.car));
  }
}

И в вашем шаблоне:

<ng2-smart-table 
  [settings]="settings"
  [source]="data">
</ng2-smart-table>

---

Вот вам Рабочий образец StackBlitz для вашей ссылки.