zl程序教程

您现在的位置是:首页 >  前端

当前栏目

[Angular 2] Keynote: Lazy Routing -- NGCONF

Angular -- lazy routing
2023-09-14 09:00:53 时间

So How to do lazy loading for router in Angular 2.

 

The nomarl way to write a router in Angular 2:

You have SimpleCmp and UserCmp as child components. You also import {SimpleCmp, UserCmp} from 'xxxxxx'.

It will not be lazy loaded. Because you already have the reference to the child component.

 

But it turn out to be very easy to enable the lazy loading:

Just add '' to SimpleCmp and UserCmp. 

Then you need to follow the convention of how to name the folder.

 

The '+' symbol means those folders are lazy loaded. So Component is called UserCmp, the folder should be named as 'user-cmp'. OKOK, not tooo bad.