Angular 如何在全局模型状态下注册页面的元素？

如何将页面上的DOM元素添加到全局状态模型中

例如，有一段代码：

<b>How to...</b>
<span></span>
<button></button>

如何。。。

---

加载组件时，我需要通过id或名称访问这些元素，并对它们执行一些操作。Hoü要将它们绑定到模型Angular 2？

使用

ngAfterViewInit

通过id访问元素的方法

<span id="spanId"></span>

ngAfterViewInit(){
    document.getElementById('spanId');
}

ngAfterViewInit（）{
document.getElementById（'spanId'）；
}

角度更大的方式：

在您的组件中：

@ViewChild('something') el: ElementRef;

ngAfterViewInit() {
      this.el.nativeElement; // <= This is your native element, you can use it here.
}

@ViewChild（'something'）el:ElementRef；
ngAfterViewInit（）{
这个国家元素//
<span #something></span>