1. 首先，在module.ts文件中导入RouterModule，并且使用forChild方法进行路由设置。

import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; import { AuxiliaryComponent } from './auxiliary.component';

@NgModule({ imports: [RouterModule.forChild([{ path: 'auxiliary', component: AuxiliaryComponent }])], exports: [RouterModule] }) export class AuxiliaryRoutingModule { }

2. 在app-routing.module.ts文件中，导入AuxiliaryRoutingModule并使用forChild方法引入路由设置。

import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { MainComponent } from './main/main.component'; import { AuxiliaryRoutingModule } from './auxiliary/auxiliary-routing.module';

const routes: Routes = [ { path: '', component: MainComponent }, { path: 'auxiliary', loadChildren: './auxiliary/auxiliary.module#AuxiliaryModule' } ];

@NgModule({ imports: [RouterModule.forRoot(routes), AuxiliaryRoutingModule], exports: [RouterModule] }) export class AppRoutingModule { }

3. 在AuxiliaryComponent.ts文件中，使用Router和ActivatedRoute实现导航功能。

import { Component, OnInit } from '@angular/core'; import { ActivatedRoute, Router } from '@angular/router';

@Component({ selector: 'app-auxiliary', templateUrl: './auxiliary.component.html', styleUrls: ['./auxiliary.component.css'] }) export class AuxiliaryComponent implements OnInit {

constructor(private router: Router, private route: ActivatedRoute) { }

ngOnInit() { }

navigateToMain() { this.router.navigate(['../'], { relativeTo: this.route }); }

}

4. 在AuxiliaryComponent.html文件中，使用按钮触发导航功能。

Navigate to Main