Question

我必须在多个组件中使用这些服务调用，但是我在重用代码时遇到问题。如何使此代码可重复使用？

//For Permanent Countries
this.service.getCountries().subscribe((response: any) => {
  this.permanentCountries = response;
});

//For Temporary Countries
this.service.getCountries().subscribe((response: any) => {
  this.temporaryCountries = response;
});

//For Genders
this.service.getGenders().subscribe((response: any) => {
  this.genders = response;
});

Answer 1

您可以使用类似这样的内容：

function assignCountries(context: { permanentCountries: Country[] }) {
  this.getCountries().subscribe((response: any) => {
    context.permanentCountries = response;
  });
}

并用

调用

this.myService.assignCountries(this);

但是我觉得它不容易阅读并且整体可重用。我认为您当前的方法是正确的。

如何在多个组件中使用服务调用？

1 个答案: