每次更改路线时都会调用 ngOnInit

Question

我有一个控制器实现了 OnInit 这里的问题是每当我改变路线并回到同一个组件时，每次都会调用 ngOnInit。 我做错了什么我无法理解。请帮助我。

@Component({
    selector:'test-list',
    templateUrl:'./testlist.component.html',
    styles:[`.testname{
        text-transform : capitalize;
    }`]
})
export class TestListComponent implements OnInit{
    testList:Array<Test>;
    constructor(private testService:TestService,private router:Router){}
    ngOnInit(){
        this.testService.getTest()
        .subscribe(
            data=>this.testList = <Array<Test>>data,
            error=>alert(error)
        );
        console.log("ngInit")
    }
    editTest = (id)=>{
        this.router.navigate(['createtest',id]);
    }
}

Answer 1

每次加载组件时都会执行ngOnInit() 。 它不需要被调用。 这是一个用于做初始工作的生命周期钩子。 您可以在此处了解有关 angular 生命周期挂钩的更多信息

Answer 2

如果在构造函数中订阅了活动路由，则每次路由器导航到该页面时都会调用 ngInit。

constructor(
    private route: ActivatedRoute,
    private router: Router
) {
    this.route.queryParams.subscribe(async (params) => {
        if (this.router.getCurrentNavigation().extras.state) {
            // TODO save the params
        }
    });
}

ngOnInit(){
    console.log('ngOnInit called');
}