问题描述: 在使用Angular 8时,子路由无法从组件中工作。
解决方法:
在主路由中:
const routes: Routes = [
{ path: 'parent', component: ParentComponent,
children: [
{ path: 'child', component: ChildComponent }
]
},
];
标签来显示子路由的内容。例如:在父组件的模板中:
Router
模块,并在构造函数中注入了Router
。例如:在父组件中:
import { Router } from '@angular/router';
constructor(private router: Router) { }
Router
的navigate
方法来跳转到子路由。例如:在父组件的方法中:
goToChild() {
this.router.navigate(['/parent/child']);
}
以上是解决Angular 8子路由无法从组件中工作的一般方法。如果问题仍然存在,请确保你的路由配置和组件代码正确,并检查浏览器的开发者工具中是否有任何错误信息。