在Angular中如何注册不同类型的依赖项

Angular中通过依赖注入来为组件提供所需的依赖项，而我们需要明确的告知Angular需要注入的依赖项的类型。

解决方法如下：

1.使用字符串

可以使用字符串来表示依赖项的类型，这种方式是最简单的。例如：

@Injectable({ providedIn: 'root' }) export class MyService { constructor(private http: HttpClient) {} }

其中，'root'表示该服务是应用的根级别提供者，系统将在启动时创建该服务的单一实例。如果您想为组件提供服务，请将字符串值设置为'component'，并在组件的providers数组中注册该服务。

2.使用token

要使用token来表示依赖项的类型，我们需要定义一个token并将其注入到依赖注入器中。

定义token：

export const MY_TOKEN = new InjectionToken('MY_TOKEN');

然后使用该token来指定在提供者中注册的服务：

@Injectable({ providedIn: 'root', providers: [{ provide: MY_TOKEN, useValue: 'my value' }] }) export class MyService { constructor(@Inject(MY_TOKEN) private value: string) {} }

在上面的示例中，使用@Inject(MY_TOKEN)装饰器将' my value '注入到MyService的构造函数中。

3.使用类

使用类来表示依赖项的类型，可以保证我们的代码更加类型安全。我们可以在提供者中使用类而不是字符串或token。

定义类：

class MyService {}

然后在提供者中注册它：

@Injectable({ providedIn: 'root', providers: [MyService] }) export class AnotherService { constructor(private myService: MyService) {} }

在上述示例中，我们直接将类指定为提供者，而不是将一个token或字符串指定为提供者。

这就是三种不同类型的依赖项注册方法。自由选择适合于你的项目的方式。

代码示例：

@Injectable({ providedIn: 'root', providers: [{ provide: MY_TOKEN, useValue: 'my value' }] }) export class MyService { constructor(private http: HttpClient, @Inject(MY_TOKEN)private myTokenValue: string) {} }

注：MY_TOKEN可以替换为任何你想要的token名称。