如何重用项目不同文件夹中的 angular 个组件?

How to reuse angular components from different folders of the project?

我有一个 Angular 项目,以前的开发人员已经复制/粘贴了组件。

在这个项目中,移动视图与桌面视图完全不同,除了一些组件和那些可以重用的组件外,它们完全是开发人员copy/pasted。甚至不同模板视图的'.ts'文件也是可以重复使用的copy/pasted。

现在我有两个问题

  1. 如果我制作了一个共享模块并在两个桌面上重复使用该模块 和移动文件夹对速度/性能有什么影响 应用程序,因为有超过 50 个组件需要 待完成?
  2. 它是 copy/paste 代码的标准而不是重用那些 组件。?

你可以通过下面的附图link清楚地了解我的问题。 https://ibb.co/DgT4rwh

copy/paste 组件不可行,您应该为此使用共享模块或库,请参阅文档以供参考:

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

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

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

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

Vitalii Bobrov 的回答是跨项目重用模块和组件时的正确方法。但从该屏幕截图看来,它们可能在同一项目中 copying/pasting。您应该始终合并和重用 modules/components/services。它对速度的唯一影响是降低应用程序的整体大小(更少的组件 = 更少的代码)并因此增加初始加载时间。至于#2,它从来都不是 copy/paste 代码的标准,根据我的经验,这是一个没有经验的开发人员的标志。