通过一个简单的例子学习Angular Injection Token工作原理

时间:2022-07-27
本文章向大家介绍通过一个简单的例子学习Angular Injection Token工作原理，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

源代码：

const BASE_URL = new InjectionToken<string>('BaseUrl');
    const injector = Injector.create({providers:
      [{provide: BASE_URL, useValue: 'http://localhost'}]});
    const url = injector.get(BASE_URL);
    console.log('Jerry url: ' + url);

输出：

new InjectionToken传进来的字符串充当description，没有实际意义：

调用Injector的static create方法：

useValue即我们期望这个token运行时使用的实际值：

Injector传入一个injection token进去，会发生怎样的火花？

this.records是一个Map: Key为injection token，value为实际值：

注释写的很清楚，hydrate一个token的实例出来：

大功告成：

随机文章
Javascript知识点必读
最近更新