激活“清晰度”选项卡时，延迟加载Angular NgModule

Question

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

<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 docs之后，还不完全清楚如何实现这一目标。

我愿意将Angular Router与Clarity标签结合使用，因为使用路由器进行延迟加载非常简单。我找到了一个在每个标签here内使用<router-outlet>的人的例子，但它看起来有点小，因为每个<clr-tab-content>都有相同的路由器插座，我不确定如果对此有任何副作用或性能影响。

非常感谢任何有关此建议。