javascript - 单击图标时无法导航到新页面
问题描述
我正在尝试通过单击图标导航到新页面,组件如下所示
getTabDetails() {
switch (this.tabContent) {
case 'Shipment content':
{
this.router.navigateByUrl('/ProjectShipment/000634');
}
}
}
我的路由组件如下所示
const appRoutes: Routes = [
{
path: 'dB',
data: { title: 'Dashboard' },
children: [
{
path: 'ProjectShipment/:reportProject',
component: ProjectShipmentComponent,
data: { title: 'Project Shipment' },
}
单击图标时出现以下错误
错误:未捕获(承诺):错误:无法匹配任何路由。URL 段:“ProjectShipment/000634”错误:无法匹配任何路由。URL 段:“ProjectShipment/000634”
但是当我尝试通过 URL 直接访问该页面时,它可以工作
http://localhost:4200/dB/ProjectShipment/000634
我在这里错过了什么吗?
解决方案
你可以试试:
this.router.navigateByUrl(['ProjectShipment',000634], relativeTo:this.route);
在哪里
private route: ActivatedRoute
如果你在 /dB 路径
推荐阅读
- python - 识别特定字符串并将其放在同一索引中
- java - 为什么 hadoop fs 命令不能执行来创建目录?
- azure - Microsoft 通过加载每个模块来学习我收到此错误:“检测到未经授权的沙箱使用。您的沙箱已被终止。”
- java - Android Studio 中的 Listview 与 TableView
- javascript - 如何动态改变新窗口的大小?
- sql - HAVING 和 WHERE SQL
- maven - 在我为我的空手道项目运行 mvn clean install 命令后,黄瓜报告停止生成
- python-3.x - 使用 scipy.stats 包的二项分布
- python - 如何在另一个文件中使用调用文件循环变量(python)
- android - ScrollView 在约束布局中不起作用