angular - Ionic 2/Angular 2 组件生命周期钩子(Hook)

Question

我在页面中有一个组件，每次导航到该页面时我都需要连接到该组件。它包含一个 mapbox map ，我发现如果用户使用注册页面注册并拉起键盘然后返回到 map 页面， map div 较小，因为用户拉开他们的键盘，它无法正确调整大小电话。我希望这是有道理的？

我已经尝试了此处列出的所有钩子(Hook) https://angular.io/guide/lifecycle-hooks但每次导航到页面时，它们都不会触发。

任何帮助都会很棒。

Answer 1

尝试:ionViewDidEnter()，以及@ViewChild。使用 @ViewChild 您可以访问该组件。

来自 Ionic docs :
“ionViewDidEnter() 将在页面完全进入且现在是事件页面时触发。无论是第一次加载还是缓存页面，都会触发此事件。”

这样您就可以在每次导航到页面时调用组件上的函数。

父页面 TS:

@Component({
    selector: 'parent-page',
    templateURL: 'parent-page.html'
})
export class ParentPage{
    @ViewChild('myComponent') myComponent;

    constructor(){}

    ionViewDidEnter(){
        this.myComponent.someFunc();
    }

    ...
}

父页面 HTML:

<ion-content>
    ...
    <child-component #myComponent></child-component>
    ...
</ion-content>