angular6如何急切加载选项卡内容
how can angular6 eager load tab content
我正在使用 angular 6 material 选项卡组件,我发现选项卡内容加载缓慢。
有什么办法可以让它成为急切加载而不是延迟加载?
原因是我需要使用第三方插件,但是如果是懒加载,内容为null,无法准确检测到实际维度。所以第三方无法准确显示。
我记得这是可配置的,但找不到方法。
类似的东西:
<mat-tab-group [lazy]=false >
<mat-tab label="xxx">
content
</mat-tab>
如 documentation 所述:
By default, the tab contents are eagerly loaded. Eagerly loaded tabs will initalize the child components but not inject them into the DOM until the tab is activated.
因此无需执行预先加载内容的操作。
如果这仍然不足以满足您的用例,您可能需要使用 resolver or one of the available lifecycle hooks。
我正在使用 angular 6 material 选项卡组件,我发现选项卡内容加载缓慢。 有什么办法可以让它成为急切加载而不是延迟加载? 原因是我需要使用第三方插件,但是如果是懒加载,内容为null,无法准确检测到实际维度。所以第三方无法准确显示。 我记得这是可配置的,但找不到方法。
类似的东西:
<mat-tab-group [lazy]=false >
<mat-tab label="xxx">
content
</mat-tab>
如 documentation 所述:
By default, the tab contents are eagerly loaded. Eagerly loaded tabs will initalize the child components but not inject them into the DOM until the tab is activated.
因此无需执行预先加载内容的操作。
如果这仍然不足以满足您的用例,您可能需要使用 resolver or one of the available lifecycle hooks。