2016-11-20 45 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

相關問題