通过一个简单的例子学习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的实例出来：

大功告成：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

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

一个简单的例子学习 HTML 元素property和attribute的区别
源代码: <html> <style> </style><button disabled>Click</button> <button ...
用一个简单的例子学习Self Attention实现指代替换
不用编程,不用数学公式,纯粹用手动方式说明Self Attention机制是如何实现指代替换的. 看下面两段话: 1. 猫过不了街道因为它太宽了. 2. 猫过不了街道因为它太胖了. 作为人类,我们 ...
通过一个简单的例子，了解 Cypress 的运行原理
Cypress 是 SAP Spartacus 前端 e2e 测试使用的框架. Cypress 并不是广义上的 web 自动化工具,并不适合编写脚本来测试已经处于生产状态下的不受测试者控制的网站. C ...
一个简单的例子，学习自定义注解和AOP
转载自一个简单的例子,学习自定义注解和AOP 记得今年年初刚开始面试的时候,被问的最多的就是你知道Spring的两大核心嘛?那你说说什么是AOP,什么是IOC?我相信你可能也被问了很多次了. 1 ...
fastslam matlab,fastslam 快速定位和构图的源码，一个简单的例子，3D建模，可以用作学习智能机器人自主移动 matlab 272万源代码下载- www.pudn.com...
文件名称: fastslam下载收藏√ [ 5 4 3 2 1 ] 开发工具: matlab 文件大小: 31 KB 上传时间: 2015-03-19 下载次数: 22 详细说明:快速定 ...
pycharm安装scrapy失败_Scrapy ——环境搭配与一个简单的例子
在我刚接触爬虫的时候就已经听过Scrapy大名了,据说是一个很厉害的爬虫框架,不过那个时候沉迷于Java爬虫.现在终于要来揭开它神秘的面纱了,来一起学习一下吧欢迎关注公众号:老白和他的爬虫 1.环境 ...
量子运算简单通俗例子_什么是量子计算机？用一个简单的例子解释。
量子运算简单通俗例子 by YK Sugi 由YK Sugi 什么是量子计算机? 用一个简单的例子解释. (What is a quantum computer? Explained with a ...
vue 如何生成一个dom元素_通过一个简单的示例学习如何编写Vue组件
大家好,本篇文章我将带着大家一起学习如何编写自定义组件(Components),通过「vue基础」新手快速入门篇(一)这篇文章的学习,我们知道了 Vue 设计的目的就是为了方便我们创建基于组件UI的项 ...
一个简单的例子解释什么是量子计算机
大家好! 前几天,我访问了加拿大温哥华的D-Wave Systems.这是一家制造尖端量子计算机的公司. 我在那里学到了很多关于量子计算机的知识,所以我想在这篇文章中与你们分享我在那里学到的一些东西. ...

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

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

最新文章

热门文章