我一直在使用中描述的方法MSDN 博客文章简化扩展组件,无需提供所有依赖项super()
称呼。然而,这在 Angular 7 和 Typescript 3 中已经停止工作。
所以发生的事情是,在引导之后,我尝试将注入器存储在服务中,然后尝试检索它。
platformBrowserDynamic().bootstrapModule(AppModule).then(ref => {
// Store module's injector in the AppInjector class
console.log('Expected #1: storing app injector');
AppInjector.setInjector(ref.injector);
})
然后在基本组件中我获取存储的注入器
export class BaseComponent {
constructor() {
console.log('Expected #2: retrieving stored injector');
const injector = AppInjector.getInjector();
}
}
然而,看看控制台,顺序是相反的——首先是BaseComponent
的构造函数被调用,之后的承诺boostrapModule()
已解决。
我不确定现在在 Angular 7 中引导的行为是否有所不同,正如控制台日志提示的那样。同样的解决方案曾经在 Angular 6 和 Typescript 2 中工作,但在版本 7 中它已经停止工作。以下是基于 MSDN 文章的损坏应用程序的 stackblitz:https://stackblitz.com/edit/component-inheritance-angular-7
所以根本问题是——如何保证AppInjector.setInjector()
发生在之前AppInjector.getInjector()
?
我已经在 AppModule 中设置了注入器服务,这意味着我将注入 Injector 并将其设置在 AppModule 的构造函数中,并将注入器服务存储在全局对象中
export class AppModule {
constructor(injector:Injector){
// Store module's injector in the AppInjector class
console.log('Expected #1: storing app injector');
AppInjector.setInjector(injector);
}
}
demo
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)