angular - 激活 Clarity 选项卡时延迟加载 Angular NgModule

Question

我想NgModule在激活 Clarity 选项卡的同时延迟加载 Angular。选项卡的内容将包含延迟加载模块的组件，如下所示：

<clr-tabs>
  <clr-tab>
    <button clrTabLink id="link1">Tab 1</button>
    <clr-tab-content id="content1" *clrIfActive>
      <component-in-lazy-loaded-module></component-in-lazy-loaded-module>
    </clr-tab-content>
  </clr-tab>
</clr-tabs>

在激活选项卡时加载内容之前，我是否可以利用一个事件来延迟加载模块？在查看了Clarity 文档后，尚不完全清楚如何实现这一点。

我愿意将 AngularRouter与 Clarity 选项卡结合使用，因为使用路由器的延迟加载很简单。我在这里<router-outlet>找到了一个在每个选项卡内部使用的示例，但它似乎有点做作，因为每个选项卡都有相同的路由器插座，我不确定这是否有任何副作用或性能影响。<clr-tab-content>

非常感谢您对此的任何建议。