typescript - Angular2 DOMContentLoaded，生命周期钩子(Hook)

Question

我正在使用 angular 2 (TS) 并需要一些帮助:

     constructor(public element:ElementRef){}  
     ngOnInit(){
       this.DOMready()
     }  

     DOMready() {
       if (this.element) {
         let testPosition = this.element.nativeElement.getElementsByClassName("_mypost");
         console.log(testPosition);
         for (let i = 0; i < testPosition.length; i++) {
         console.log(testPosition[i]);
         }
     }else {
        setTimeout(this.DOMready, 100)
    }

我的问题是:
1)当文档加载并准备好使用它时，我无法正确捕捉时间(这段代码是我拥有的最好的代码，是的，我尝试了 angular2 生命周期 Hook ......)
2) console.log(testPosition) - 给出我想要的列表(长度为 10)，
但如果它在 console.log(testPosition[0]) 上发生变化，它会给出未定义的。而我的 console.log(testPosition[i]) 什么也不打印。
谢谢)

Answer 1

如果你想访问你需要使用的DOM

 ngAfterViewInit(){
   this.DOMready()
 }  

或投影内容

 ngAfterContentInit(){ // or ngAfterContentChecked
   this.DOMready()
 }  

有更好的方法来访问 View 中的元素。

参见示例 angular 2 / typescript : get hold of an element in the template