在 Angular 2 中使用 ElementRef 与 JQuery答案

【问题标题】：Using ElementRef vs JQuery in Angular 2在 Angular 2 中使用 ElementRef 与 JQuery
【发布时间】：2017-05-10 10:51:18
【问题描述】：

我一直尝试在我的 angular2 应用程序中避免使用 JQuery，这主要是因为更有经验的人就直接 DOM 访问提出了建议。现在我正在研究一个使用 ElementRef 的可拖动指令。考虑到 ElementRef 也直接访问 DOM 元素，我想知道使用 JQuery 或这个指令之间是否有任何优势。

【问题讨论】：

标签： javascript angular dom

【解决方案1】：

似乎直接 DOM 访问不再令人不悦，使用 jQuery 仍然如此。 Angular 团队正在更新文档以直接使用 elementRef.nativeElement 而不是 Renderer 只有当你想使用网络工作者或服务器端渲染时，你才必须避免它。

【讨论】：

【解决方案2】：

使用 Jquery，您将拥有一个专为 DOM 操作而设计的库。有些操作肯定会更容易或更短。但是也应该避免使用 ElementRef 直接访问 DOM。 ViewChild + 本地模板 变量通常是更好的选择。看这里：https://angularjs.blogspot.de/2016/04/5-rookie-mistakes-to-avoid-with-angular.html

【讨论】：