如何在两者独立的组件 B 中使用组件 A 功能？

Question

我有具有所有功能的组件 A，并且需要在组件 B 中使用相同的功能。由于大量代码是在 componentA.ts 中编写的，但不在服务中，所以在这种情况下，如何在不使用服务的情况下使用组件 A 逻辑，而两者都是独立组件。

我在堆栈溢出中看到了很多帖子，但找不到合适的解决方案。

Answer 1

有几种方法可以实现您的目标：

1. 帮手。 如果它是一些复杂的逻辑，你可以将它移动到共享帮助器类（类似于'shared/***.helper.ts）
2. 遗产。 您可以使用所有常见逻辑创建父组件并使用“扩展”功能继承它。 （您可以在这里阅读更多相关信息： https ://www.bitovi.com/blog/4-reasons-to-fall-in-love-with-angular-component-inheritance）我个人认为这不是前端的最佳实践，但在某些特定情况下它可能是合理的。
3. 服务。 您说您不想为此使用服务，但它实际上是一种有效的架构解决方案，不仅将服务用于 API 交互。
4. 代码重复。 如果我们谈论的是一些描述简单元素行为的小函数 - 在不同的组件中存在少量代码重复是可以的。