I have a project using Angular along with Ionic 4. I encountered an issue where the Ionic Lifecycle Hooks in the child page do not fire when it is called from the parent page's HTML using the HTML Selector.
Why does this happen? How can I properly utilize these hooks?
Child Page:
@Component({
selector: 'app-child',
templateUrl: './child.page.html',
styleUrls: ['./child.page.scss']
})
export class ChildPage {
ionViewWillEnter() {
console.log(`ionView-Will-Enter`);
// Code goes here...
}
ionViewWillLeave() {
console.log(`ionView-Will-Leave`);
// Code goes here...
}
}
Parent HTML:
<ng-container>
<app-child></app-child>
</ng-container>