打印实时数据库对象列表
打印实时数据库对象列表
提问于 2019-10-12 09:41:40
我正在尝试将对象列表打印到HTML表中。我对Angular非常陌生。我一直在看Udemy上的Mosh教程，但它们与我正在构建的并不完全匹配。在我的情况下，DB结构是不同的。
下面是组件代码：
import { AngularFireDatabase } from '@angular/fire/database';
import { Component } from '@angular/core';
import { Observable } from 'rxjs';
@Component({
selector: 'app-live-updates',
templateUrl: './live-updates.component.html',
styleUrls: ['./live-updates.component.scss']
})
export class LiveUpdatesComponent {
stocks$: Observable<any[]>;
constructor(db: AngularFireDatabase) {
this.stocks$ = db.list('/main').valueChanges();
}
}下面是数据的结构：
我有点迷惑于如何将每个值打印到一个表中。
回答 1
Stack Overflow用户
发布于 2019-10-12 10:23:11
看看这个堆栈闪电战。https://stackblitz.com/edit/angular-eou7uy
基本上，你必须获取你的主数据元素，并在你的angular模板上循环它。
<table>
<tr>
<th *ngFor="let col of columns">
{{col}}
</th>
</tr>
<tr *ngFor="let element of stocks$ | async">
<td *ngFor="let col of columns">
{{element[col]}}
</td>
</tr>
</table>你必须声明你的列('am'，'carb'，'cyl‘....)。有意义吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58350158
复制相关文章
相似问题
腾讯云开发者
