如何重用项目不同文件夹中的角度组件？答案

【问题标题】：How to reuse angular components from different folders of the project?如何重用项目不同文件夹中的角度组件？
【发布时间】：2019-01-18 02:31:39
【问题描述】：

我有一个 Angular 项目，以前的开发人员在其中复制/粘贴了组件。

在这个项目中，移动视图与桌面视图完全不同，除了一些组件和那些可以重复使用的组件，它们完全是由开发人员复制/粘贴的。甚至不同模板视图的“.ts”文件也被复制/粘贴，可以重复使用。

现在我有两个问题

如果我创建了一个共享模块并在两个桌面上重用该模块和移动文件夹对速度/性能有什么影响吗应用程序，因为有超过 50 个组件需要要完成吗？
复制/粘贴代码而不是重复使用这些代码是一种标准吗？组件。？

您可以通过查看下面的图片链接来清楚地了解我的问题。 https://ibb.co/DgT4rwh

【问题讨论】：

Vitalii Bobrov 的回答是跨项目重用模块和组件时的正确方法。但从该屏幕截图看来，他们可能正在 same 项目中进行复制/粘贴。您应该始终合并和重用模块/组件/服务。它对速度的唯一影响将是降低应用程序的整体大小（更少的组件 = 更少的代码）并因此增加初始加载时间。至于#2，复制/粘贴代码从来都不是标准的，根据我的经验，这是缺乏经验的开发人员的标志。
嗨@Dean。我发现你的答案很完美。您能否将此评论作为答案发布，以便我接受您的答案。
完成。谢谢。

标签： angular angular-module

【解决方案1】：

复制/粘贴组件是不行的，你应该使用共享模块或库，参考文档：

https://next.angular.io/guide/file-structure

https://next.angular.io/guide/libraries

https://next.angular.io/guide/styleguide

【讨论】：

【解决方案2】：

Vitalii Bobrov 的答案是跨项目重用模块和组件时的正确方法。但从该屏幕截图看来，他们可能正在同一个项目中复制/粘贴。您应该始终合并和重用模块/组件/服务。它对速度的唯一影响将是降低应用程序的整体大小（更少的组件 = 更少的代码）并因此增加初始加载时间。至于＃2，复制/粘贴代码从来都不是标准的，根据我的经验，这是缺乏经验的开发人员的标志。

【讨论】：

【解决方案3】：

我们应该遵循DRY编码原则。您应该创建一个包含重复组件的共享模块，以供其他模块使用。

【讨论】：