无法使用参数导航到不同的页面

Question

无法重定向到其他页面。它会引发以下错误：

  

错误：无法匹配任何路线。网址细分：   ＆＃39;车项/ 448511.16099990235＆＃39;

有人可以帮忙吗？

这是我的app.routing.ts

//....
{
 path: 'cart-items/:id',
 component: CartComponent
}
//....

这是我的HTML

<a class="btn btn-success btn-sm ml-3" href="javascript:void(0)" [routerLink]=" ['/cart-items', randomUserId]"> ... </a>

Answer 1

试

init = /* An expression that maybe modifies init */;

或

[routerLink] = " 'cart-items/' + randomUserId"

Answer 2

你应该删除href，

<a class="btn btn-success btn-sm ml-3" [routerLink]="['/cart-items', randomUserId]"> ... </a>

Answer 3

我认为问题是因为你的参数中有.所以为了重定向从你的控制器端使用navigateByUrl这样

this._router.navigateByUrl('/cart-items/' + randomUserId)

请参阅此处了解更多信息

• https://github.com/angular/angular/issues/8249

Answer 4

您的代码看起来不错只需删除href="javascript:void(0)"并尝试这样

<a class="btn btn-success btn-sm ml-3" 
   [routerLink]=" ['/cart-items', randomUserId]"> ... </a>

似乎与您传递的值448511.16099990235有问题，其中包含.，即十进制值

你确定id值吗？