码迷,mamicode.com
首页 > 其他好文 > 详细

[Angular] @ViewChild and template #refs to get Element Ref

时间:2017-02-20 01:05:27      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:ges   component   blog   type   .com   ref   mod   alt   bsp   

We can use @ViewChild with component:

@ViewChild(AuthMessageComponent) message: AuthMessageComponent;

//....

 ngAfterContentInit() {
    if (this.message) {
      this.message.days = 30;
    }
  }

By doing this, we actually can access component‘s prop and events.

 

If we want to get component DOM node, what we can do is using template ref.

<input type="email" name="email" ngModel #email>
@ViewChild(email) email: ElementRef;

// ....

  ngAfterViewInit() {
    console.log(this.email); // ElementRef
  }

技术分享

[Angular] @ViewChild and template #refs to get Element Ref

标签:ges   component   blog   type   .com   ref   mod   alt   bsp   

原文地址:http://www.cnblogs.com/Answer1215/p/6417985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!