Я создаю большое угловое приложение.Я уже построил один уровень маршрутизации:
Вот мой 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
.
Как я могу сделать это, ничего не изменяя в app-routing.module.ts
?