2016-11-20 46 views
7

有没有一种方法在直接从HTML中的标签,如<my-component></my-component>的惰性加载组件?没有路由器或导入或loadChildren的组件的角度延迟加载

在组件模板解析期间,angular应该在整个组件加载到浏览器中时发现任何新的标签,该标签在html中不可用或者尚未加载。

我知道我们可以使用loadChildren加载一个模块,该模块仅用于路由,还需要加载模块及其组件。我只搜索组件,并直接搜索组件,而不是模块。

我不想使用路由器或不想在我的应用程序中导入组件ot模块。我想当angular2会找到一个不在html5中的标签时,它将搜索一个spcictfic文件夹并加载js和html文件,并将该组件注入特定标签

+0

看看这里:http://stackoverflow.com/questions/38888008/how-can-i-use-create-dynamic-template -to-compile-dynamic-component-with-angular/38888009#38888009 – Hitmands

+2

http://stackoverflow.com/questions/40293240/how-to-manually-lazy-load-a-module –

+0

@yurzui重复标记的链接是关于延迟加载模块而不是组件。我曾问过如何在不考虑模块或其他任何东西的情况下延迟加载组件。 –

回答

0

在你的情况下,你必须使用动态组件加载与组件生成器,它具有AOT的限制,动态组件将不能与AOT一起使用。

动态元件装配会发现你的标签,并加载相应的组件在DOM

+0

动态组件可以使用AOT – yurzui

+0

我可以有文章或链接,我可以看看。我真的需要在我的项目中实现 –

+0

https://stackoverflow.com/questions/40060498/angular-2-1-0-create-child-component-on-the-fly-dynamically/40080290#40080290'对于AOT编译看到这些线程' – yurzui

相关问题