这个错误信息表明你要导航到的目标(destination)当前NavController并不知道
RouterModule
的imports
数组中声明。例如:const routes: Routes = [
{ path: 'your-path', component: YourComponent },
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
})
export class AppRoutingModule {}
AppComponent
的模板中包含了<router-outlet>
标签。这个标签是用来显示导航到的组件的内容的:<router-outlet></router-outlet>
NavController
实例是在RouterOutlet
的作用域内。如果你在组件外部使用NavController
,你需要导入Router
并在构造函数中注入它:import { Router } from '@angular/router';
constructor(private router: Router) { }
然后你可以使用router.navigate()
方法来进行导航:
this.router.navigate(['/your-path']);
领取专属 10元无门槛券
手把手带您无忧上云