Javascript 使用firebase单击时显示详细信息

Javascript 使用firebase单击时显示详细信息,javascript,angular,firebase,ionic-framework,firebase-realtime-database,Javascript,Angular,Firebase,Ionic Framework,Firebase Realtime Database,我想通过按firebase键单击元素来显示地址的详细信息。我可以用id,但不能用按键。谢谢你的回来,因为我不知道如何用钥匙来做 我的地址表 getSingleAdresse(id: number){ return new Promise( (resolve, reject) =>{ firebase.database().ref('/adresse/' +id).once('value').then(

我想通过按firebase键单击元素来显示地址的详细信息。我可以用id,但不能用按键。谢谢你的回来,因为我不知道如何用钥匙来做

我的地址表

 getSingleAdresse(id: number){
        return new Promise(
          (resolve, reject) =>{
            firebase.database().ref('/adresse/' +id).once('value').then(
              (data) => {
                resolve(data.val());
              }, (error) => {
                reject(error);
              }
            );
          }
        );
      }
ngOnInit() {
    this.adresse = new Adresse ('','', '', '', '', '');
    const id = this.route.snapshot.params['id'];
    this.adresseService.getSingleAdresse(+id).then(
      (adresse: Adresse) => {
        this.adresse = adresse;
      }
    );
  }

}

服务地址

 getSingleAdresse(id: number){
        return new Promise(
          (resolve, reject) =>{
            firebase.database().ref('/adresse/' +id).once('value').then(
              (data) => {
                resolve(data.val());
              }, (error) => {
                reject(error);
              }
            );
          }
        );
      }
ngOnInit() {
    this.adresse = new Adresse ('','', '', '', '', '');
    const id = this.route.snapshot.params['id'];
    this.adresseService.getSingleAdresse(+id).then(
      (adresse: Adresse) => {
        this.adresse = adresse;
      }
    );
  }

}
列表页面.html

<ion-card *ngFor="let item of adresses | keyvalue ; let i = index" (click)="onViewAdresse(i)">
         <div><b>{{item.value.prenom}} {{item.value.nom}}</b></div>
</ion-card>
ngOnInit() {
    this.adresse = new Adresse ('','', '', '', '', '');
    const id = this.route.snapshot.params['id'];
    this.adresseService.getSingleAdresse(+id).then(
      (adresse: Adresse) => {
        this.adresse = adresse;
      }
    );
  }

}

如果一个用户的节点下有多个子节点,您希望显示哪一个子节点?如果用户在节点-LsRa-OFBddC25NnxyFu(显示信息)的元素上单击该元素,则用户将在该子节点上单击该子节点,其他节点的信息相同。谢谢你,好的。在这种情况下,您需要捕获他们单击的节点的ID,并将其传递到数据库加载代码:
firebase.database().ref('/adresse/'+ID).child(idTheyClickedOn)
谢谢我是firebase的新手,我正在尝试这么做。我不知道如何使用该代码,因为它给出了错误。我将.once('value')替换为.child(),或者有另一种方法从键中检索信息如果用户的节点下有多个子节点,您希望显示哪一个?如果用户在节点-LsRa-OFBddC25NnxyFu(显示信息)的元素上单击该元素,其他节点也会显示该信息。谢谢你,好的。在这种情况下,您需要捕获他们单击的节点的ID,并将其传递到数据库加载代码:
firebase.database().ref('/adresse/'+ID).child(idTheyClickedOn)
谢谢我是firebase的新手,我正在尝试这么做。我不知道如何使用该代码,因为它给出了错误。我将.once('value')替换为.child(),或者有另一种方法从键中检索信息