angular 项目中,两个页面的逻辑、UI仅有小部分的不同,但是要写成两个页面,请问有什么最佳的方法吗?

Hhpon
  • 50

两个页面本来打算写成同一个页面,但是领导说一定要分成两个页面,请问我有什么高效的办法实现吗?

回复
阅读 2k
2 个回答

还是要看你的“小部分”是有多小

1种是:两个页面都用同一个组件,然后组件根据配置来决定显示差异

1种是,两个页面相同的部分共用一个组件,不同的部分各自实现

如果页面差异较大,或者后续变化的可能性较大。用继承模式
写一个抽象类把两个页面的公共方法都写进去
然后写两个页面组件,继承实现这个抽象,这样你的逻辑代码就公用了,但是html模板可以完全不同或者存在部分差异
如果差异真的很小,这个页面考虑好输入(@Input)输出(@Output),写成一个大的组件也没什么问题的

宣传栏