通过一个简单的例子学习Angular Injection Token工作原理
生活随笔
收集整理的這篇文章主要介紹了
通过一个简单的例子学习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工作原理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 3DMAX怎么绘制一个漂亮的青花瓷碗3D
- 下一篇: Angular Injection To