我无法在angular 5中显示来自Firebase的$key值

在Angular 5中显示来自Firebase的$key值，您可以按照以下步骤进行操作：

1. 首先，确保您已经在Angular项目中集成了Firebase。您可以使用AngularFire库来简化与Firebase的集成。请参考腾讯云的Firebase产品介绍链接地址：Firebase产品介绍
2. 在您的Angular组件中，导入Firebase相关的库和服务。例如，您可以导入AngularFireDatabase服务来访问Firebase数据库。
3. 在组件的构造函数中注入AngularFireDatabase服务，并使用它来获取对Firebase数据库的引用。
4. 使用Firebase数据库引用，您可以查询数据并获取结果。对于包含$key值的数据，您可以使用snapshotChanges()方法来获取数据的快照，并使用map()操作符来转换快照。
5. 在转换快照时，您可以通过访问payload.key属性来获取$key值。将$key值存储在适当的变量中，以便在模板中使用。

以下是一个示例代码，展示了如何在Angular 5中显示来自Firebase的$key值：

import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { map } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: `
    <ul>
      <li *ngFor="let item of items">
        {{ item.key }}: {{ item.value }}
      </li>
    </ul>
  `,
})
export class ExampleComponent {
  items: any[];

  constructor(private db: AngularFireDatabase) {
    this.db
      .list('your-firebase-database-path')
      .snapshotChanges()
      .pipe(
        map((changes) =>
          changes.map((c) => ({ key: c.payload.key, ...c.payload.val() }))
        )
      )
      .subscribe((items) => {
        this.items = items;
      });
  }
}

在上述示例中，您需要将your-firebase-database-path替换为您实际的Firebase数据库路径。通过订阅snapshotChanges()方法的结果，并使用map()操作符转换快照，您可以获取包含$key值的数据，并将其存储在items变量中。然后，您可以在模板中使用*ngFor指令来遍历items数组，并显示$key值和其他数据。

请注意，上述示例中使用了AngularFire库来简化与Firebase的集成。腾讯云的Firebase产品可以提供类似的功能和服务，您可以根据实际需求选择适合的腾讯云产品。