在不同的提供程序中重用InjectionToken是通过以下步骤实现的:
import { InjectionToken } from '@angular/core';
export const MY_TOKEN = new InjectionToken<string>('myToken');
import { NgModule } from '@angular/core';
import { MY_TOKEN } from './my-token';
@NgModule({
providers: [
{ provide: MY_TOKEN, useValue: 'myValue' }
]
})
export class MyModule { }
import { Component, Inject } from '@angular/core';
import { MY_TOKEN } from './my-token';
@Component({
selector: 'my-component',
template: 'My Component'
})
export class MyComponent {
constructor(@Inject(MY_TOKEN) private myValue: string) { }
}
在上述示例中,通过@Inject装饰器将MY_TOKEN注入到MyComponent中,并将其赋值给myValue变量。
通过以上步骤,可以在不同的提供程序中重用InjectionToken。在每个提供程序中,可以使用不同的值来提供InjectionToken,以满足不同的需求。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云