Angular2中的懒惰负载组件

Question

我的三个组件在Angular App负载时同时加载。有什么方法只有在特定路由导航到。

Answer 1

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

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

您需要执行的步骤大致如下：

1. 使用<router-outlet>占位符在其模板中为您的应用创建一个主组件（EX：my-app）。
2. 创建您的路线
3. 在您的主应用程序模块中注册这些路线
4. 在index.html文件中添加对您的主组件（<my-app></my-app>）的引用
5. 打开您注册为路线的URL之一，与该路由相关的组件将被创建并插入<router-outlet>元素。