使用GoTo方法的相对导航

Question

我无法使用navigateToOwnerTypePage()方法从一个组件导航到另一个组件。

谢谢。

nav.component.ts

export class NavComponent implements OnInit {
constructor(private _router: Router, private route: ActivatedRoute) { }
ngOnInit(): void {
}
navigateToOwnerTypePage() {
this._router.navigate(['/owner'], {relativeTo: this.route});
}
}

nav.component.html

<button class="button create-button" 
(click)="navigateToOwnerTypePage()">Choisir</button>

app.routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { ChooseOwnerComponent } from './component/create-boat/owner-type/choose-owner/choose-owner.component';
const routes: Routes = [
{path: 'owner', component: ChooseOwnerComponent}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
export const routingComponent = [ChooseOwnerComponent];

Answer 1

我这样解决了我的问题

路由>

const routes: Routes = [
{path: 'owner', component: ChooseOwnerComponent},
{path: 'home', component: HomepageComponent}

];