首页 > 解决方案 > 在组件视图上刷新先前页面时,不会再次调用组件的 ngOnit()

问题描述

我有两个组件:组件 1 和组件 2

组件 2 可以通过组件 1 从一个按钮访问:

<ion-button [routerLink]="['/urlofComponent1'] [color]="'white'">Request </ion-button>

我在组件 2 中设置了一个函数,通过以下方式在页面刷新时将用户重定向到“组件 1”:

this.router.navigate(['/urlofComponent1']);

当组件 2 已经打开并且页面被刷新时,用户被重定向到组件 1。

当我现在通过按钮访问组件 2 时,组件 2 的 ngOnit() 不会被调用。

有什么建议么?

标签: angular

解决方案


之所以如此,是因为 [ngOnInit] 定义了 Doc Angular:在 Angular 首次显示数据绑定属性并设置指令/组件的输入属性并在第一个 ngOnChanges() 之后调用一次后初始化指令/组件。您可以在此处阅读https://angular.io/guide/lifecycle-hooks,然后您将了解深入的 lifecle-hook。如果您不明白,请尝试上面的一个,让我知道我会编辑它。


推荐阅读