我正在构建一个大型的Angular 6应用程序。我已经建立了一层路由：
这是我的*ngFor：
app-routing.module.ts在import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AComponent } from './a/a.component';
import { BComponent } from './b/b.component';
const routes: Routes = [
{ path: '', redirectTo: '/a', pathMatch: 'full' },
{ path: 'a', component: AComponent },
{ path: 'b', component: BComponent }
];
@NgModule({
imports: [ RouterModule.forRoot(routes, { useHash: true }) ],
exports: [ RouterModule ]
})
export class AppRoutingModule { }
中，使用a/a.component.html：
A1Component我想为<a1></a1>
中的另外两个组件进行路由：A1Component和A1xComponent。
如何在不更改A1yComponent中的任何内容的情况下执行此操作？