如何让Angular2路由器更快

时间:2016-12-09 16:24:27

标签: angular angular2-routing

在Angular 1中,应用程序在初始加载时需要1-3秒才能获得所有资源并进行初始化。之后,导航到不同的路线只需将#tab1附加到网址并立即切换到该路线。

Angular2中仍然可以吗?

因为以下有关angular.io的示例,每条路线重新加载整个应用程序,在使用装载程序查看空白屏幕时需要1-3秒。它不附加#path。我应该使用不同的路由器恢复到那个速度吗?

的index.html

<html>
<head>
  <base href="/">

这是我的路由器配置:

const appRoutes: Routes = [
  { path: 'classes', component: ClassesComponent },
  { path: 'classes/:id', component: ClassDetailComponent },
  { path: 'products', component: ProductsComponent },
  { path: 'products/:id', component: ProductDetailComponent },
  { path: '', redirectTo: 'products', pathMatch: 'full' },
  { path: 'cache/clear', component: CacheComponent },
  { path: '**', component: PageNotFoundComponent }
];

export const appRoutingProviders: any[] = [];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

1 个答案:

答案 0 :(得分:0)

路由延迟加载。您可以在此处了解lazy-loading-1lazy-loading-2