angular 路由

路由插坐

在父级路由使用

<router-outlet></router-outlet>

多个插坐

{
            path: 'aux',
            component: HomeAuxComponent,
            outlet: 'second'
          },```

```js
<a [routerLink]="[{ outlets: { second: ['aux'] } }]">link to second</a>

<router-outlet name="second"></router-outlet>

路由传参

 path: ':tabLink',
        component: HomeDetailComponent,

navigate

navigate获取

    this.router.navigate(['home', topMenu.link]);

routerLink

<a
  [routerLink]="['grand']"
  routerLinkActive="active"
  [queryParams]="{ name: 'zhangsan', gender: 'male' }"
  >link to {{paarm}}</a
>

• routerLink 为相对地址（组件）
• routerLinkActive 相当于添加 class=active
• queryParams 相当于 xxx?name=zhangsan&gendr=male