Angular 9:通过viewchild / contentChild或任何其他方式访问或查询在某些子路由下延迟加载的子组件

问题描述

我想从App组件访问特定类型的所有指令(我已经创建了一个自定义指令)。现在的问题是所有指令都在某些子组件或通过路由加载的嵌套子组件下。而且,ChildComponents是动态的,并且数量巨大。因此,我无法转到每个子组件并查询该指令。

有嵌套的子路线,并且大多是延迟加载的。

但是我在AppComponent中有一个事件,我想在其中访问dom中当前存在的所有特定类型的指令。

contentChildren / viewChildren无法正常工作。

例如

  • AppComponent
    • RouterOutlet
    • ChildComponent
      • MyDirective1
      • RouterOutLet -GrandChildComponent
        • MyDirective2
        • MyDirective3
        • MyDirective4
        • SomeOtherComponentOrDirective

因此,我想从AppComponent中访问All MyDirective。 我不想通过elementRef nativeElement使用querySelector。

我正在寻找一种更具角度的方式。

不确定角度是否支持

如果有任何解决方案,我将非常有义务。

如果不支持功能,如果我有理由不支持Angular,也将对我有很大帮助。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)