Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Json 从“获取多次嵌套的数据”;“Firebase实时数据库”;棱角分明_Json_Angular_Firebase_Firebase Realtime Database_Multidimensional Array - Fatal编程技术网

Json 从“获取多次嵌套的数据”;“Firebase实时数据库”;棱角分明

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

我正在使用Angular 9和Firebase实时数据库

目前我可以从数据库中获取数据,但我的问题是,我需要的数据被嵌套多次,我不知道如何仅显示HTML中嵌套次数最多(两次)的数据的值

打字稿:

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>