Angular 6 ActivatedRouteSnapshot 服务 Firebase

Question

想使用我的详细信息组件的 ID 将数据保存在 Firebase 中（pah: '/patient/:id'

为了保存数据，我在 data-service 中写了这个：

 createNewTumeur(newTumeur: Tumeur) 
 {
 const id = this.route.snapshot.params['id'];
 console.log(id);
 this.tumeurs.push(newTumeur);
 firebase.database().ref('/patients/'+id).child("tumeur").update(this.tumeurs);
 this.tumeurSubject.next(this.tumeurs);

但我不能拥有 id 的值...请问有什么问题？

Answer 1

// my.component.ts

import { ActivatedRoute } from '@angular/router';
import { MyDataService } from './my-data.service';

constructor(private route: ActivatedRoute, private dataService: MyDataService)

createNewTumeur(newTumeur: Tumeur) {
  const id = this.route.snapshot.params['id'];
  console.log(id);
  this.dataService.createNewTumeur(id)
  // And then add the logic into your dataService
}

注意：只能在组件中获取路由器参数，不能在服务中获取。

这是因为服务是属于根注入器的单例。 您可以将路由参数发送到您的服务或在您的组件中提供您的服务（但是这会创建另一个服务实例，我个人不推荐这样做）。

Component({
  ...
  providers: [MyDataService]
})
export class MyComponent { ... }