I want a method get called automatically when template get completely loaded. I have tried lifecycle hooks of ionic as well as angular and I have also tried to call method from template. html
My HTML file contains the following:
<h1>{{ myMethod() }}</h1>
But this is calling the myMethod function many times.
Because you need to call myMethod() only one time, it is better to use ionViewDidLoad. Because this event fired only when a view is stored in memory. This event is NOT fired on entering a view that is already cached. you could find out more information from here.
So if you need to call the method (myMethod()) even after this event is fired it is better to use timeout inside this event to call your method. Give desire timeout that match with your scenario.
Sample code:
ionViewDidLoad() {
setTimeout(() => {
myMethod();
}, 300);
}
Hope this will help to solve your problem.
You should go for ngAfterViewInit life cycle hook. ngAfterViewInit() is called after the view is initially rendered.
export class YourComponent implements AfterViewInit {
constructor() {
}
ngAfterViewInit() {
myMethod();
}
}
myMethoddo, and why is it not acceptable for this function to be called multiple times?myMethodloads the map? Shouldn't this then be called by the button's click event? You should assume bindings like this in the view will be called multiple times.ngAfterViewChecked? that's the last lifecycle hook which runs after components & all its children are fully rendered with DOM changes applied.