在angular2中延迟加载组件

Question

我有三个组件在角度app加载时同时加载。有没有办法只在特定路线导航到时才能加载组件。

Answer 1

这就是Angular 2路由器的全部内容。我强烈建议您仔细阅读有关路由器的文档。

https://angular.io/docs/ts/latest/guide/router.html

您需要做的步骤大致如下：

1. 为您的应用创建一个主要组件（例如：my-app），并在其模板中添加<router-outlet>占位符。
2. 创建路线
3. 在主应用程序模块中注册这些路径
4. 在<my-app></my-app>文件
中添加对主要组件（index.html）的引用
5. 打开您注册为路线的其中一个网址，系统会创建并插入与该路线相关联的组件，代替您的<router-outlet>元素。