将jQuery代码包装在Angular 2组件函数内的`document.ready（）`中是否有意义

Question

I simply want to be sure that if the Angular component code is running. It means at that moment the DOM should be ready. Example:: TypeScript

export class SomeComponent{
   constructor(){
     $('body').do();
   }
}

OR

export class SomeComponent{
   constructor(){
     $(document).ready(function(){
         $('body').do();
     }
   }
}

Answer 1

Add your code to ngAfterViewInit() of the root component AppComponent . When this lifecycle methos is called, you can be sure the DOM is ready. The document.ready event will have been sent way before this lifecycle method is called.

See also https://angular.io/docs/js/latest/api/core/AfterViewInit-interface.html