项目中,诸如message、modal等服务,每个组件基本都会用到,如果在每个组件都引用一次,将会产生大量冗余代码,所以一个良好的前端架构,将会帮组组内开发人员及大提升开发效率。如何设计一个高效的前端架构呢?
一、可以使用ts的面向对象的编程思想。首先我们创建一个基类:base.class.ts
1、将每个组件或者服务都会用到的modal、message服务在基类中引入;
2、能够取消所有的订阅
二、创建pageBase.component.ts,这个文件继承base基类,必须被所有的组件继承,可以在里面添加组件都能用到的一些服务,比如获取路由参数的服务
三、业务组件继承basePageComponent