代码之家 › 专栏 › 技术社区 › Tobias Gassmann

角度布线参数不可访问

angular-router angular-routing angular

Tobias Gassmann · 技术社区 · 6 年前

编辑: (解决方案)

原件 (问题):

this.activatedRoute.params.subscribe((values) => {
  console.log('these are my parameters: ', values);
});

一切正常,我得到路线的参数没有任何问题。

这是路由的工作配置:

{
  path: 'details/:itemId',
  component: ItemDetailsComponent,
},

现在来谈谈这个问题: 当我试图简化我的路由(因为我不需要任何其他路由)时,会出现以下问题:对路由配置进行以下简单更改后,我无法再访问路由参数(它们是空的)。

这是路由的缺陷配置:

{
  path: ':itemId',
  component: ItemDetailsComponent,
},

3 回复 | 直到 6 年前

SiddAjmera 6 年前

看起来你还在尝试导航到 details/:itemId 当你本该这么做的时候 :itemId . 确保你导航到正确的路径。

你换完衣服之后, /details 将起作用并被视为 itemId . 但是 /details/1

这是一个 Working Sample StackBlitz 供参考。

Sachin Gupta 6 年前

Mehdi 6 年前

在这种情况下,您不需要在router.module中指定变量,它应该如下所示:

{
  path: '',
  component: ItemDetailsComponent,
},

如果需要打开某个项目,请使用

this.router.navigate(["", {itemId: 123}]);

路由器

然后需要在ItemDetailsComponent中注入 激活路由:激活路由

this.activatedRoute.params.subscribe(
  (params) => {
    //ItemId will be available here when url changes
    console.log(params.itemId);
  }
);

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前