【Angular】——路由

参考资料：https://angular.cn/guide/router

分享PPT：Angualr路由PPT

一、基础知识

<base href> 元素

index.html中：<base href="/">。这是路由合成的根路径。

Angular的路由器是一个可选的服务，它用来呈现指定的URL所对应的视图。它并不是Angular核心库的一部分，而是在@angular/router包中。所以使用时，需要导入到module.ts中。如：

二、配置

普通配置：

const appRoutes: Routes = [ 

{ path: 'crisis-center', component: CrisisListComponent }, 
{ path: 'hero/:id', component: HeroDetailComponent }, //:id是参数位
{ path: 'heroes', component: HeroListComponent, data: { title: 'Heroes List' } },
{ path: '', redirectTo: '/heroes', pathMatch: 'full' }, 

{ path: '**', component: PageNotFoundComponent } ];//可以匹配所有路径，所以必须放最后

这里举了些常见例子。

懒加载配置：

        静态资源按需加载，否则第一次访问的时候，全部资源被加载，会影响性能。

const crisisCenterRoutes: Routes = [
  {
    path: 'crisis-center',