微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。