Angular多路由出口配置

1、大体思路

主要通过指定router-outlet的name属性，并在路由配置文件中指定路由对象的outlet属性，router-outlet
的name属性和路由对象的outlet属性的值保持一致即可。

2、app-routing.module.ts的代码

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { Test00Component } from './component/test00/test00.component';
import { Test01Component } from './component/test01/test01.component';
import { Test02Component } from './component/test02/test02.component';

const routes: Routes = [
  {
    path: '',
    component: Test00Component
  },
  {
    path: 'test00',
    component: Test00Component
  },
  {
    path: '',
    component: Test01Component,
    outlet: 'test'
  },
  {
    path: 'test01',
    component: Test01Component,
    outlet: 'test'
  },
  {
    path: 'test02',
    component: Test02C