Json 从“获取多次嵌套的数据”;“Firebase实时数据库”;棱角分明
我正在使用Angular 9和Firebase实时数据库 目前我可以从数据库中获取数据,但我的问题是,我需要的数据被嵌套多次,我不知道如何仅显示HTML中嵌套次数最多(两次)的数据的值 打字稿:Json 从“获取多次嵌套的数据”;“Firebase实时数据库”;棱角分明,json,angular,firebase,firebase-realtime-database,multidimensional-array,Json,Angular,Firebase,Firebase Realtime Database,Multidimensional Array,我正在使用Angular 9和Firebase实时数据库 目前我可以从数据库中获取数据,但我的问题是,我需要的数据被嵌套多次,我不知道如何仅显示HTML中嵌套次数最多(两次)的数据的值 打字稿: import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs'; import { AngularFireDatabase } from '@angular/fire/database'; @Co
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { AngularFireDatabase } from '@angular/fire/database';
@Component({
selector: 'app-os-skills',
templateUrl: './os-skills.component.html',
styleUrls: ['./os-skills.component.css']
})
export class OsSkillsComponent implements OnInit {
osSkills: Observable<any> = null;
constructor(private db : AngularFireDatabase) {
this.osSkills = db.list("/os_programm").snapshotChanges()
}
ngOnInit(): void {
}
}
从'@angular/core'导入{Component,OnInit};
从“rxjs”导入{Observable};
从'@angular/fire/database'导入{AngularFireDatabase};
@组成部分({
选择器:“应用程序操作系统技能”,
templateUrl:“./os skills.component.html”,
样式URL:['./os skills.component.css']
})
导出类OsSkillsComponent实现OnInit{
可观察的
已经感谢您的帮助如果您想获得您可以做到的技能:
<h1>{{item.payload.skill}}</h1>
{{item.payload.skill}
在这一级别:
<p>{{item.payload.level}}</p>
{{item.payload.level}
你能分享你的数据结构吗?是的,确定它是HTMLok cool下的链接,你能控制台记录这个.osSkills吗?只是为了检查它是一个数组还是一个对象,如果我把{{item.payload.skill{json}改成{item.payload{json},我会得到这样一个数组:{“级别”:4,“skill”:“Windows”}谢谢,我以前已经试过了,但不幸的是,这对我不起作用。你对{{item.payload.skill}有什么好处?我什么都没有,我似乎无法理解你的问题。所以你有osSkills,你想从中提取所有技能?你能在模板中做{osSkills| async | json}并将它附加到你的问题中吗。
<p>{{item.payload.level}}</p>