我在页面中有一个组件,每次导航到该页面时我都需要连接到该组件。它包含一个 mapbox map ,我发现如果用户使用注册页面注册并拉起键盘然后返回到 map 页面, map div 较小,因为用户拉开他们的键盘,它无法正确调整大小电话。我希望这是有道理的?
我已经尝试了此处列出的所有钩子(Hook) https://angular.io/guide/lifecycle-hooks但每次导航到页面时,它们都不会触发。
任何帮助都会很棒。
最佳答案
尝试: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>
关于angular - Ionic 2/Angular 2 组件生命周期钩子(Hook),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45405101/