如何避免级联ngOnInit？

Question

我有两个与父子关系相关的组件。父组件的 ngOnInit 方法检查用户是否登录，如果未登录，则导航到登录页面。

class ParentComponent implements OnInit{
    ngOnInit(){
        if(!authService.loggedIn){ 
           //navigate to login screen code
           return;
        }
    }
}

class ChildComponent implements OnInit{
    ngOnInit(){
        /** POINT TO BE NOTED **/
        // this function is also called even if ngOnInit 
        // of parent navigates to different component and returns.
        // do some stuff with userService.token
        // but because token isn't available the calls fail
    }
}

如果父组件想要导航到其他组件，如何阻止此级联 OnInit 调用？

Answer 1

IMO，您不应该检查用户是否登录并离开组件。你应该使用守卫来做到这一点。

但是，要回答你的问题，你可以使用

<child *ngIf="isLoggedIn()"></child>

如果用户未登录，这将阻止创建子组件。