在Angular中,可以使用提供器来实现服务的全局注入。下面是一种解决方法,使用Angular的根注入器来注册服务:
my-service.service.ts
,并在其中定义一个服务类。import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class MyService {
// 服务的逻辑代码
}
app.module.ts
)中导入并声明该服务。import { NgModule } from '@angular/core';
import { MyService } from './my-service.service';
@NgModule({
declarations: [],
imports: [],
providers: [MyService],
bootstrap: [AppComponent]
})
export class AppModule { }
import { Component } from '@angular/core';
import { MyService } from './my-service.service';
@Component({
selector: 'app-my-component',
template: `
`
})
export class MyComponent {
constructor(private myService: MyService) {
}
callService() {
this.myService.someMethod();
}
}
现在,MyService
服务将在整个应用程序中可用,并且可以通过构造函数注入到需要使用它的组件中。