Angular 13 -延迟加载多个匹配相同URL结构的组件



我正在创建一个Angular 13应用程序,该应用程序具有多个组件,可以匹配相同的URL,尽管它们会根据URL值呈现不同的内容(如在不同的组件中)。这样,我就可以像在Angular 9中那样,拥有相同的路由路径,不同的组件的答案是:https://stackoverflow.com/a/63522451/5293466我创建了一个"选择器"组件,执行逻辑,然后决定哪个组件应该查看。这一切都很好,但是这种方法-据我所知-不能处理延迟加载。

我想知道我是否能够在组件内调用组件并延迟加载它的模块 。这是可以实现的吗?否则,你如何处理这样的场景,你可以有许多路线,如/:id/:cityId,/:id/:townId,/:id/:regionId,/:id/:countryId,等等,等等,你可以有一个不断增长的可能性列表,避免得到一个更大的包为特定的模块?明白了吗?

实际上,多亏了这些评论,我才能够使用文章中的代码:https://medium.com/angular-in-depth/lazy-load-components-in-angular-596357ab05d8和https://github.com/wittyprogramming/lazy-load-component-angular13使其工作。我实际上实例化了我需要的相关组件,基于一个特定的条件,使用下面的例子:https://github.com/wittyprogramming/lazy-load-component-angular13/blob/master/src/app/app.component.ts#L31和violcon,我可以得到不同的块加载,因为我需要

相关内容

  • 没有找到相关文章

最新更新