在使用Mat-Table时,需要获取Firebase数据库中的数据并将其绑定到数据源中。有几个步骤可以解决这个问题。
import { Component, OnInit } from '@angular/core'; import { AngularFireDatabase } from '@angular/fire/database';
@Component({ selector: 'app-table', templateUrl: './table.component.html', styleUrls: ['./table.component.css'] }) export class TableComponent implements OnInit {
constructor(private db: AngularFireDatabase) { }
ngOnInit() { }
// rest of the code }
data = [];
constructor(private db: AngularFireDatabase) { db.list('/items').valueChanges().subscribe(res => { this.data = res; }); }
columns = ['name', 'description'];
这些步骤将解决Angular Material中的Mat-Table无法从Firebase中显示数据的问题。