文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular2 DOMContentLoaded，生命周期钩

问Angular2 DOMContentLoaded，生命周期钩
EN

Stack Overflow用户

提问于 2016-05-01 15:57:50

回答 1查看 2.9K关注 0票数 2

我正在研究角质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生命周期挂钩.)

2) console.log(testPosition) -给出我想要的列表(长度为10)，

但是，如果它在console.log(testPosition)上发生变化，则会给出未定义的结果。我的console.log(testPositioni)没有打印任何东西。

( Thx)

angular

typescript

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-01 16:00:04

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

 ngAfterViewInit(){
   this.DOMready()
 }

或预计内容

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

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

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36968708

复制

相似问题

问Angular2 DOMContentLoaded，生命周期钩
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular2 DOMContentLoaded，生命周期钩EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular2 DOMContentLoaded，生命周期钩
EN