角度2-更新视图/组件

Question

我有一个带有ngOnInit（）的组件和一个login（）方法。

登录完成后，如何更新组件并再次执行Ngonit方法？

ngOnInit() {
    this.loading = true;
    this._guestService.getAllGuests()
        .subscribe(
            guests => this.guests = guests,
            err => console.log(err),
            () => console.log('Request Complete')
         )
}  

login() {
    this.auth.login();
}
logout() {
    this.auth.logout();
}

auth.login服务：

 login() {
   this.lock.show((error: string, profile: Object, id_token: string) => {
     if (error) {
       console.log(error);
     }
     localStorage.setItem('profile', JSON.stringify(profile));
     localStorage.setItem('id_token', id_token);
   });
 }

Answer 1

这是Picci答案的扩展，我将在订阅login（）时调用getAllGuests：

 ngOnInit(){
    this.getAllGuests();
    }

    getAllGuests() {
        this.loading = true;
        this._guestService.getAllGuests()
            .subscribe(
                guests => this.guests = guests,
                err => console.log(err),
                () => console.log('Request Complete')
             )
    }  

    login() {
        this.auth.login().subscribe(()=> this.getAllGuests());
    }
    logout() {
        this.auth.logout();
    }

Answer 2

我将重命名ngOnInit（）类似于getAll客人（），然后从ngOnInit（）和auth.login（）内部调用getAll客人（）。

如果您不能或不想在auth.login（）中插入此调用，我想事情可能会变得更加微妙，需要使用Observable的某种订阅机制，但在启动此路径之前，我会确保您确实需要它。

我希望这能有所帮助