Angular中操作DOM时的注意事项

Angular2实际在使用过程中,有时候需要直接引用DOM中的一个元素,习惯上我们经常通过ID来获取DOM元素,但是在模块化编程中,这样操作会很大程度上会污染我们的全局HTML代码,而且随着项目的变大而不受控制.
所以在angular中我们可以采取以下的方法来解决这个问题

<div  #myDiv></div>

在Component.ts中需要引入

import { ElementRef, ViewChild } from "@angular/core";

export class TheComponent {
    @ViewChild('myDiv') element: ElementRef;
}

实际使用时

console.log(this.element.nativeElement)