angualr2——dom操作

    angular2 对dom做了很强的封装。所以提醒一句，JQuery更多的是引入一些js的插件，不在是用来获取dom元素了。 在angular2里用JQuery操作DOM的同学就不要再使用这个JQuery了。目前小编学到的操作dom有两种方式。 

在html的标签里协商 #+自己定义的变量名。这样的话，这个变量就代表了该标签元素。操作该变量就是操作这个标签元素。下面的这个变量p就代表了p这个标签。

<p #p>#这种方式可以操作DOM</p>

操作p变量就是再操作p这个元素。看下面的一个例子

<p #p （click）="console(p)" >点击p元素就会打印出p元素</p>

console(p:HTMLElement){
  console.log(p);

}

在p元素的单击事件里，p变量作为参数可以传递给console方法。这样的话coonsole方法就会打印出p元素。请注意，重点不是点击p元素，而是p变量可以作为参数，也就是说任何一个用户操作，都可以把p变量作为参数传递给组件类的方法

还要一种是通过ViewChild和ViewChildren两个注解。我认为这种方式适合于界面初始化，或者不能够通过上面参数传递方式获取的时候。

就使用这两个 

关于这样个注解的使用可以参考该博客https://segmentfault.com/a/1190000008695459

小编在工作时，dom操作并不是太多，主要都是利用 angular2的一些属性指令，以及数据绑定来完成该界面的功能。