首先,确保你正确配置了路由,并且已经在 app.module.ts 文件中导入了 RouterModule。
其次,需要在组件中注入 Router 服务,并使用它来进行路由导航。例如,以下代码演示如何在组件中使用 Router 服务进行路由导航:
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-my-component',
template: ''
})
export class MyComponent implements OnInit {
constructor(private router: Router) {}
ngOnInit() {}
goToPage() {
this.router.navigate(['page']);
}
}
在这个例子中,我们使用了 Router 服务的 navigate() 方法来导航到一个名为 "page" 的路由。
如果你在进行路由导航时依然遇到问题,尝试在控制台中查看是否有错误信息或警告信息提示。这有助于更好地理解问题的根本原因,以便采取正确的解决方法。