AngularMaterial中的Mat-Table无法从Firebase中显示数据。
创始人
2024-10-28 11:35:44
0

在使用Mat-Table时,需要获取Firebase数据库中的数据并将其绑定到数据源中。有几个步骤可以解决这个问题。

  1. 在组件中导入Angular Fire依赖项并注入Angular Fire服务。

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 }

  1. 在初始化函数中获取Firebase数据库中的数据,并将其绑定到数据源中。

data = [];

constructor(private db: AngularFireDatabase) { db.list('/items').valueChanges().subscribe(res => { this.data = res; }); }

  1. 将数据源绑定到Mat-Table中并显示数据。

Name {{element.name}}

Description {{element.description}}

  1. 确保Mat-Table中的列与Firebase数据库中的对象属性相匹配。

columns = ['name', 'description'];

这些步骤将解决Angular Material中的Mat-Table无法从Firebase中显示数据的问题。

相关内容

热门资讯

玩家必看科普“789大菠萝可以... 玩家必看科普“789大菠萝可以控制”原先有开挂辅助助手(今日头条);详细789大菠萝可以控制攻略(7...
透视软件!wepoker有插件... 透视软件!wepoker有插件-科普开挂透视辅助工具(有挂秘笈)1、玩家可以在wepoker有插件软...
技术分享“多多科技手游辅助”从... 技术分享“多多科技手游辅助”从来有开挂辅助下载(竟然有挂);1、完成多多科技手游辅助的残局,帮助玩家...
透视了解!wepoker透视脚... 您好,wepoker透视脚本免费这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
一起来讨论“微乐家乡小程序辅助... 一起来讨论“微乐家乡小程序辅助”确实有开挂辅助下载(有挂技术);1、完成微乐家乡小程序辅助的残局,帮...
透视ai!xpoker辅助器-... 透视ai!xpoker辅助器-揭露开挂透视辅助app(有挂教程)1、全新机制【xpoker辅助器软件...
9分钟了解“麻友圈安庆版插件”... 9分钟了解“麻友圈安庆版插件”其实有开挂辅助软件(有挂存在)是一款可以让一直输的玩家,快速成为一个“...
透视科技!pokemmo手机版... 透视科技!pokemmo手机版透视脚本-解密开挂透视辅助方法(有人有挂)1、用户打开应用后不用登录就...
总算了解“闲逸透视app安装步... 总算了解“闲逸透视app安装步骤详解”本来有开挂辅助助手(今日头条);闲逸透视app安装步骤详解软件...
透视规律!aapoker如何设... 透视规律!aapoker如何设置胜率-科普开挂透视辅助软件(有挂存在)1、让任何用户在无需aapok...