Angular2 -- ngAfterViewChecked is called many times..How to call a method just once after DOM is completely loaded?

angular angular-lifecycle-hooks
Kcs picture Kcs · Dec 30, 2016 · Viewed 24.5k times · Source

I need to apply jquery plugin to radio buttons in Angular2 using Typescript.

If I assign in ngAfterViewChecked, it is called many times and the control is refreshed multiple times.

What is the alternate solution for calling the javascript method after DOM is ready?

Answer

SeleM picture SeleM · Dec 30, 2016

Try ngAfterViewInit and have a look here.

Related questions

How to call ngOnInit() again in Angular 2?

Please explain in this code, how to call ngOnInit() again when I call another method? ngOnInit(): void { this.route.params.subscribe((params: Params) => { this.model = this.userData; }); } update() { this.loading = true; this.userService.update(this.model).subscribe( (data) => { …

Read More
Ionic 4 : ngOnInit vs ionViewWillEnter

Which is better to use Angular Lifecycle Hook or Ionic Lifecycle hooks specially for initialization when creating a hybrid app using Ionic 4? Angular lifecycle hook - ngOnInit ngOnInit() { this.getData(); } Ionic lifecycle hook - ionViewWillEnter ionViewWillEnter() { this.getData(); }

Read More
What is the difference between ngOnInit(), ngAfterViewInit(), ngafterContentInit(), ngAfterViewChecked() and a constructor()?

What is the difference between ngOnInit(), ngAfterViewInit(), ngafterContentInit(), ngAfterViewChecked() and a constructor()? How do we implement them in the Angular 2? What are their purposes and usages? Where all will it be useful for implementing them? Thanks.

Read More