如果我有 2 个具有相同视图但逻辑不同的 Angular 组件,如何正确构建代码?

Posted

技术标签:

【中文标题】如果我有 2 个具有相同视图但逻辑不同的 Angular 组件,如何正确构建代码?【英文标题】:How to structure the code correctly if I have 2 Angular components that have the same view but different logic? 【发布时间】:2021-06-09 17:34:52 【问题描述】:

我有这样一个情况,有2个组件在两个不同的地方使用,但是他们的表现是一样的,只是逻辑不同。我希望有一个组件可以根据情况以不同的方式工作。如何构建代码以避免重复组件?

【问题讨论】:

【参考方案1】:

您可以阅读这篇文章。它讨论了 Angular 中的模板继承。它解释了您想要实现的目标:https://medium.com/acute-angular/how-to-inherit-a-component-in-angular-and-reuse-its-template-88b9cbb4b55

【讨论】:

以上是关于如果我有 2 个具有相同视图但逻辑不同的 Angular 组件,如何正确构建代码?的主要内容,如果未能解决你的问题,请参考以下文章

如何阻止具有相同触发按钮但功能不同的表单提交?

自动创建一个视图,该视图将所有其他具有相同名称但不同前缀和不同模式的视图联合起来

2 个具有相同功能但变量名不同的 C++ 类 - 使用哪种模式?

UICollectionView 两个具有相同视图的单元格。第二个单元格不显示任何内容

创建 2 个具有相同键列但不同包含列的非聚集索引

重新加载相同的视图控制器,但信息不同