使用全局注入器的 Angular 7 组件继承

2023-12-11

我一直在使用中描述的方法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(使用前将#替换为@)

使用全局注入器的 Angular 7 组件继承 的相关文章

随机推荐

  • 如何检查android数据库中的重复名称?

    我想从两个编辑文本中输入姓名和电话号码 我使用两个按钮保存并使用列表视图在模拟器中显示它 输入姓名后 当我单击 保存 按钮时如何检查我是否已经输入了相同的名字 我是 Android 新手 解释会非常有帮助 public void onCre
  • 将产品标签移至 WooCommerce 产品描述

    我需要将产品标签移至 WooCommerce 产品描述的底部 我在用 将自定义内容添加到 WooCommerce 产品描述中 答案代码确实有效 我在产品描述下方收到文本 这是描述中的最后一行 现在我想添加产品元信息 产品 SKU 和标签 但
  • 在 php 脚本中使用缓存

    我对 php 中的缓存感到困惑 我在我的 php 文件中创建了一个用于显示 2 到 500 的文件 现在我想使用缓存文件来存储数据并显示它 我的代码如下 现在我如何使用缓存文件来保存输出并进一步在浏览器中显示 如果还有其他方法可以在 php
  • 如何从 WC_Subscription 实例对象获取用户 ID

    我有两个功能需要帮助 我希望它们能够处理我的订阅任务 代码注释 是我想要弄清楚的 如果您有其他反馈 我也愿意接受 这用于完成初始订阅付款和订阅续订 function payment made subscription How do I ge
  • MySQL 似乎正在覆盖记录

    我在 MySQL 中有一个全新的表 可以这样描述 Team Match Auto Gear Kpa Climb 1721 1 3 5 5 1 5813 2 2 2 15 0
  • Node v8 垃圾收集器 :: 如何调试长标记-清除时间?

    我使用 trace gc 标志运行我的应用程序以尝试找到一些性能问题 嗯 看来我可能已经找到了 1288678 ms Mark sweep 498 8 549 0 gt 488 8 548 0 MB 4085 ms idle notific
  • 带有 IntelliJ 和 SBT 的自定义文件夹结构的 Uber jar

    我对云还很陌生SBT IntelliJ 所以试试我的运气IntelliJ SBT构建环境以在 dataproc 集群上部署我的 jar 这是我的项目结构的屏幕截图 代码非常简单 main 定义在 mytestmain 它调用定义在中的另一个
  • Java正则表达式查找单词的完全匹配

    我正在尝试在 Java 中构建一个正则表达式模式来查找单词的精确匹配 例如 这个词hot应该在前 3 个字符串中找到 但在第四个字符串中找不到 hot in here It s hot how hot is it email protect
  • 匹配方括号内的内容,包括嵌套方括号

    我正在尝试编写一个剧透识别系统 以便将字符串中的任何剧透都替换为指定的剧透字符 我想匹配一个用方括号括起来的字符串 这样方括号内的内容就是捕获组1 并且包括括号在内的整个字符串就是匹配项 我目前正在使用 对这个答案中的表达式稍作修改here
  • ASP.NET 中的向导控件 - 如何将 NextButton Causesvalidation 属性设置为 false

    我尝试在代码和标记中设置它 但是当单击 下一步 按钮时 页面将被验证 我想防止这种情况发生 并控制何时应该进行验证 何时不进行验证 任何建议或代码示例将不胜感激 最简单的方法是从WizardStep其中验证将被跳过 但是 如果您需要高级功能
  • Python 嵌套列表理解与 If Else

    我试图使用列表理解来替换值列表中的多个可能的字符串值 我有一个列名称列表 这些名称取自cursor description UNIX Time col1 MCA col2 MCA col3 MCA col1 MCB col2 MCB col
  • 制作带有边框、圆角和透明背景的六边形形状

    我想在 CSS3 中制作一个带有边框 圆角和透明背景的六边形形状 如下图所示 我不能用圆角和边框来做这个 我的代码在这里 hexagon circle position relative margin 1em auto width 10em
  • RDLC 报告中的小计

    我需要在 RDLC 报告中显示小计 我的报告应显示如下数据 Book Student Borrowed Book1 John 2 Book1 Mary 3 Book1 Bob 1 Total 6 how to do it Book2 Ale
  • 尝试更好地理解“using”语句

    我读过几篇关于 using 语句的文章 试图理解何时应该使用它 听起来大多数人认为应该尽可能多地使用它 因为它可以保证处理未使用的物品 问题是所有的例子总是显示这样的内容 using SqlCommand scmFetch new SqlC
  • 重构方法中的多个 if-else 条件

    我正在重构现有代码 它实际上工作得很好 但它有点混乱 有多个 if else 条件检查一个变量的值并将第二个变量的值更改为从固定枚举结构获取的更新值 else if var1 valueX if var2 MyEnum A var2 MyE
  • 如何将网页居中

    我想定位我的网页 以便在放大或缩小时 网页的尺寸从中心减小或增大 例如 当放大或缩小该网站时 布局会向中心移动并远离中心 我希望你明白 我认为你正在谈论 margin 0px auto 您所要做的就是将其添加到 CSS 的正文中 body
  • sqlite3 varchar 与“like”匹配但不与“=”匹配

    使用Rails 3 1和sqlite3进行开发 测试环境 在迁移中添加了一个新表 create table api keys do t t string api key t integer user id t timestamps end
  • Gradle 提供了与 Intellij 的依赖关系

    我正在尝试构建一个 Bukkit 插件 该插件还使用exp4j 最终结果需要将 exp4j 代码包含在发布的 jar 中 但是not包含 Bukkit 代码 我听从了建议这个答案复制依赖项并使用这个答案按规定申报 Bukkit 我的 bui
  • Django:允许管理员用户编辑站点范围的设置吗?

    我有一个 Django 站点 我想允许一些站点范围的设置 ADMIN EMAIL email address for an administrative user REMINDER TEXT email text for an email
  • 使用全局注入器的 Angular 7 组件继承

    我一直在使用中描述的方法MSDN 博客文章简化扩展组件 无需提供所有依赖项super 称呼 然而 这在 Angular 7 和 Typescript 3 中已经停止工作 所以发生的事情是 在引导之后 我尝试将注入器存储在服务中 然后尝试检索