在angular中有没有对服务进行分组的方法?



我有一个稀疏的项目,通过它的许多组件调用一个服务从API服务器获取数据。此服务处理从登录到多个彼此之间没有直接影响的其他功能。然而,将它们分开会导致构造函数不得不导入多个服务时出现麻烦。例如:

@Component()
class ComponentExemple {
constructor(private back: BackendService) {}
}

会变得更像这样

@Component()
class ComponentExemple {
constructor(
private back: BackendService0,
private back: BackendService1,
private back: BackendService2,
private back: BackendService3,
...
) {}
}

我想问的是:是否有一种方法可以将多个服务分组为一个?(就像一个类可以扩展另一个父类一样,但在这种情况下,它需要扩展多个其他父类)。这样的:

@Injectable()
export class BackendService extends DataService1, DataService2, ... { }

即使这是不可能的(我猜这是不容易实现的),是否有一些准则使构造函数参数不那么混乱?

我需要模块化这个后端服务,以便更容易维护代码,以及其他贡献者。

你可以尝试使用mixins有某种形式的多重扩展,但我建议使用组合代替:

@Injectable()
export class BackendService {
constructor(
public data1: DataService1,
public data2: DataService2,
public data3: DataService3,
public data4: DataService4
) {}
}
@Component()
class ComponentExemple {
constructor(
private back: BackendService,
) {}
ngOnInit() {
this.back.data1.getStuff();
}
}

您可以将您的单个服务声明为许多其他服务的实现。

@NgModule({
...
providers: [
{ provide: DataService1, useClass: BackendService},
{ provide: DataService2, useClass: BackendService},
...
]
}
@Injectable()
export class BackendService implements DataService1, DataService2, ... { }

注意我是如何使用implements而不是extends的。因此,您的datasservices表现为接口。BackendService不会继承任何方法,你需要像编写Facade一样编写所有方法。

然后你可以开始逐步重构,实现DataService1等等。

相关内容

  • 没有找到相关文章

最新更新