angular - 如何更新依赖注入(inject) token 值

Question

Angular 依赖项注入(inject)让您可以使用 token 而不是服务类来注入(inject)字符串、函数或对象。

我在我的模块中这样声明它:

providers: [{ provide: MyValueToken, useValue: 'my title value'}]

我这样使用它:

constructor(@Inject(MyValueToken) my_value: string) {
  this.title = my_value;
}

但是，如何更新组件的值并让其他组件每次都获取新值？换句话说，我想模拟使用类似 BehaviorSubject 的东西来发出和接收值的功能。

如果这不可能，那么如果它们仅提供静态数据，那么这些注入(inject)标记值的用途是什么，因为我可以简单地在我的组件中声明静态值并直接使用它。

Answer 1

您可以使用 BehaviorSubject 代替不可变的原语，然后在一个组件中访问和更新它并在另一个组件中订阅:

export const MY_VALUE_TOKEN = new InjectionToken<BehaviorSubject<string>>('my.Value.token')

providers: [{ provide: MY_VALUE_TOKEN, useValue: new BehaviorSubject('')}]
    
// consumer
constructor(@Inject(MY_VALUE_TOKEN) my_value: BehaviorSubject<string>) {
  my_value.subscribe((my_value)=>this.title = my_value);
}

// producer
constructor(@Inject(MY_VALUE_TOKEN) my_value: BehaviorSubject<string>) {
  my_value.next('my title value');
}