如果我们在 Angular 7 中使用 jquery 插件会有什么影响？答案

【问题标题】：What is the impact if we use the jquery plugins in angular 7?如果我们在 Angular 7 中使用 jquery 插件会有什么影响？
【发布时间】：2019-06-27 09:48:58
【问题描述】：

我是角度新手。一些论坛和教程展示了如何在 Angular 中集成 jquery 插件。实际上有很多jquery插件。我在以前的项目中使用了很多 jquery 插件，这些插件 only 在 jquery 中实现。所以我想在我的 Angular 7 项目中加入那种感觉（颜色、UI、动画......）。但在中间，我担心有些论坛会说“不要将 jquery 插件与 angular 混合使用”

那么我可以在 Angular 中导入 jquery 插件吗？会不会有问题？例如：Datatable 在我最需要的地方有很多功能。 Jquery Confirm Master 提供了更好的用户界面。还有很多 API 调用。如果我需要使用这些类型的 jquery 插件，我该怎么办？

【问题讨论】：

如果您要坚持使用 Jquery，您首先使用 Angular 的原因是什么？进入这十年，利用现代框架提升您的能力。
@JonasPraem 我是 Angular 新手，所以我想知道如果我在 Angular 中使用 jquery 插件是否会遇到任何问题..
如果你有时间，学习如何做打字稿。一旦一些概念开始点击，你就会喜欢它。个人意见。
AFAIK 你可以使用 angular 和 jquery，纯粹主义者确实会建议反对这一点，因为 jquery 通过直接操作 DOM 破坏了 angular 的目的，你基本上希望 angular 负责（IMO 的一个不好的做法以及）。您在问题中提到的一些插件可以在不使用 jquery 的情况下以角度实现。
要回答这个问题，我们首先需要知道你想使用 Angular 的原因。您希望利用 Angular 的哪些价值点？

标签： javascript jquery angular angular7

【解决方案1】：

您不应该直接在 Angular 中访问 DOM 有一些核心原因（就像您使用 Jquery 一样）。我回答了类似的问题here

Angular 是一个成熟的框架，您不应该与“Angular 方式”有所不同。有几个原因。一方面，您的代码在其工作方式上会变得非常复杂。与使用 Angular 实现同样的事情的简单程度相比，你在 Jquery 中所做的一些事情是非常可怕的。另一个原因是 Angular 应用程序并不总是要在浏览器中运行。例如，您可以在无法直接访问 DOM 的 web worker 中运行 Angular。当不需要时，您的组件将依赖 Jquery，如果您想在其他 Angular 应用程序中重用这些组件，这可能会伤害您。

您坚持使用 Jquery 的价值点在于您可以重用该代码。为此，我会说你应该为你的 Angular 应用程序重写这些组件，以便以后可以在其他 Angular 应用程序中重用这些组件。现在现代化/重写您的组件，因此您已经优化了干净的 Angular 组件。与在 Angular 框架中执行类似操作的方式相比，您很快会发现您的 Jquery 代码过于复杂。

【讨论】：