正在编码的角形子路径
提问于 2017-04-28 20:59:36
在参数后使用的子组件工艺路线的任何位置都找不到适用的示例：
现在profile/userName可以工作，但是孩子们不能
{ path: 'profile/:userName', component: ProfileComponent,
children: [
{ path: 'deets', component: DeetsComponent }
]
}, 我得到了Error: Cannot match any routes. URL Segment: 'profile/admin%40admin.com/%5B'deets'%5D'
不确定是URL中的编码还是我的路由错误导致了错误？
使用Angular 4.1
回答 3
Stack Overflow用户
发布于 2017-04-28 21:14:17
‘’profile/admin%40admin.com/%5B‘评论’%5D‘url包含编码的特殊字符，它们与定义的路由路径不匹配。
请参阅w3schools：https://www.w3schools.com/tags/ref_urlencode.asp
Stack Overflow用户
发布于 2017-10-24 12:37:33
我只是用它在angular 4.4上运行；@angular/cli 1.4.5；node 6.11.3；
<a routerLink="/detail/{{item.id}}" routerLinkActive="active"> DETAIL </a>Stack Overflow用户
发布于 2020-12-09 12:35:06
这看起来很可能是在将输入传递给routerLink属性，但您并没有将输入属性包装在方括号中。
所以routerLink= vs [routerLink]=。如果您不包括方括号，则链接将被视为字符串，并且当您尝试导航到路由时，您将看到这些编码错误。
<a [routerLink]="['detail', item.id, 'deets']">DETAIL</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43688807
复制相关文章
点击加载更多
腾讯云开发者
