访问路由器链接时重新加载组件

Question

每次访问routerLink 时，我都需要调用ngOnInIt 方法，因为我使用当前访问的链接中的ID 来绑定和检索数据库中的数据，如果没有调用该方法，我会丢失该方法数据。

这是我的init方法的一个例子（抱歉这里不知道如何使用代码sn-ps）

ngOnInit() {
    this.authService.getAuth().subscribe(auth=> {
        if(auth) {
            this.loggedInUser = auth.email;
        } else {
        }
    });

    this.teamService.getTeams().subscribe(teams => {
        this.teams = teams;
        console.log(this.teams);
        for(var i = 0; i < this.teams.length; i++) {
            if(this.teams[i].createdBy == this.loggedInUser) {
                this.myTeams.push(this.teams[i]);
            }
        }    
    });

    console.log(this.myTeams);

    this.id = this.route.snapshot.params['id'];

    //Get Team
    this.scrimService.getScrim(this.id).subscribe(scrim => {
        this.scrim = scrim;
    });

}

这是我用来访问该组件的路由器链接

 <a *ngIf="recordOwner" [routerLink]="['/edit-scrim/'+id]" class="btn btn secondary">Edit</a>

我读到了一些类似问题的答案，比如我可以使用activatedRoute.params 和subscribe 到构造函数中的数据，以便在构造函数中调用ngOnInit 方法中的所有内容，但我不知道是什么这意味着以及如何在我的场景中完成：/

编辑

id: string;
loggedInUser: string;

scrim: Scrim = {
name: '',
game: '',
time: '',
level: '',
description: '',
region: '',
platform: '',
acceptedBy: '',
acceptedDate: '',
acceptedStatus: '',
createdBy: '',
createdDate: '',
team: ''

}

teams: Team[];
myTeams: Team[] = [];
currentDate: string;
currentTime: string;

我有一个服务，它从 firebase 数据库中获取“团队”并返回一个模型数组。我正在使用当前登录用户的电子邮件地址来查找仅由当前用户创建的团队。一旦我在数组 myTeams 中有这些团队，我就会尝试使用 myTeams 列表中的团队名称填充选择 html 标记，以供用户选择。我第一次进入这个编辑稀松布页面时，选择标签中的团队填充得很好，但是如果我移动到另一个页面并使用 RouterLink 回到这个编辑稀松布页面，则不会填充选择列表，因为它没有t 再次调用 ngoninit 方法，所以如果我刷新我的网页，团队会再次填充，我猜这是因为再次调用了 ngoninit。

Answer 1

您需要像这样将activatedRoute 注入到您的构造函数中，

constructor(private activatedRoute: ActivatedRoute) {
this.activatedRoute.params.subscribe(
params =>{
   this.id = params['id'];
   this.scrimService.getScrim(this.id).subscribe(scrim => {
        this.scrim = scrim;
    });

}
}