如果在Angular 9中,路由URL发生了改变但视图没有渲染,可能是由于以下几个原因:
const routes: Routes = [
{ path: 'example', component: ExampleComponent }
];
检查路由出口:确保你在模板文件中正确使用了
标签来显示路由组件的视图。这个标签告诉Angular在哪里渲染路由组件。
使用路由导航:如果你是通过代码来导航到另一个路由,确保你使用了正确的导航方法。比如,如果你想要导航到路由 "/example",你应该使用 router.navigate(['/example'])
方法。
import { Router } from '@angular/router';
constructor(private router: Router) {}
navigateToExample() {
this.router.navigate(['/example']);
}
ActivatedRoute
服务来获取路由参数。import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.params.subscribe(params => {
const id = params['id'];
// 根据参数执行相应逻辑
});
}
如果上述方法都没有解决问题,可能是由于其他因素导致的。你可以检查控制台是否有任何错误信息,或者尝试在浏览器中进行调试来查找问题所在。