Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.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
Angular 获取$key对象实时数据库Firebase_Angular_Typescript_Firebase_Firebase Realtime Database_Angularfire - Fatal编程技术网

Angular 获取$key对象实时数据库Firebase

Angular 获取$key对象实时数据库Firebase,angular,typescript,firebase,firebase-realtime-database,angularfire,Angular,Typescript,Firebase,Firebase Realtime Database,Angularfire,我正在Firebase的实时数据库中基于每个对象的ID或$key实现动态路由。我想要的是得到ID,但我找不到方法,我得到了未定义的值。有什么想法吗 portafolio.component.html 使用方括号访问对象属性proyecto['$key'] 感谢@Hareesh分享相关主题: 这对我很有用: Portapfolio.component.ts 从“@angular/core”导入{Component,OnInit}; 从“angularfire2/database”导入{Angul

我正在Firebase的实时数据库中基于每个对象的ID或$key实现动态路由。我想要的是得到ID,但我找不到方法,我得到了未定义的值。有什么想法吗

portafolio.component.html


使用方括号访问对象属性proyecto['$key']


感谢@Hareesh分享相关主题:

这对我很有用:

Portapfolio.component.ts

从“@angular/core”导入{Component,OnInit}; 从“angularfire2/database”导入{AngularFireDatabase,AngularFireList}; 从rxjs/Observable导入{Observable}; @组成部分{ 选择器:“应用程序portafolio”, templateUrl:“./portafolio.component.html”, 样式URL:['./portafolio.component.scss'] } 导出类PortafolioComponent实现OnInit{ todosProyectos:AngularFireList; 项目:可观察; constructorprivate数据库:AngularFireDatabase{} 恩戈尼特{ this.todosProyectos=this.db.list'proyectos'; this.proyectos=this.todosProyectos.snapshotChanges.mapchanges=>{ 返回changes.mapc=>{key:c.payload.key,…c.payload.val}; }; }
}你确定吗?我仍然没有定义proyecto对象,我已经在html中包含了project.tsprint{{{proyecto}}并发布结果结果是[object object],您需要使用快照更改来获取密钥。检查此快照更改是否对我有效
<div class="container my-5">
<h1>Portafolio</h1>
<div class="row">
    <div class="col-md-4" *ngFor="let proyecto of proyectos | async">
        <div class="card my-3">
            <div class="card-body">
                <h4 class="card-title">{{ proyecto.titulo }}</h4>
                <a class="btn btn-primary" [routerLink]="['/portafolio', proyecto.$key]">Ver detalles</a>
            </div>
        </div>
    </div>
</div>
<a class="btn btn-primary" [routerLink]="['/portafolio', proyecto['$key']]">Ver detalles</a>