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

Question

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

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

标签： javascriptjqueryangularangular7

Answer 1

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

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

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