如何在RouterLink中将管道应用于值？

Question

在Angular 7中，我的路线如下：

The requested URL returned error: 404 Not Found

问题在于在<a [routerLink]="['/categories', {{ category.name | slugify }}, category.id]">{{category.name}}</a> 中应用管道slugify。

如何将管道应用于routerlink中的值？

Answer 1

这是什么

<a [routerLink]="['/categories', slugifyPipe.transform(category.name), category.id]">{{category.name}}</a>

以及您的构造函数中

constructor(private slugifyPipe: SlugifyPipe) {
}

还需要在模块提供者中提供SlugifyPipe

Answer 2

尝试像这样删除大括号：

<a [routerLink]="['/categories', category.name | slugify, category.id]">{{category.name}}</a>

您在那里不需要它们，因为您正在使用已经在评估TypeScript代码的属性绑定。

Answer 3

如果您尝试在字符串和变量上应用管道，您可以执行以下操作：

<button [routerLink]="['/thema' | routeT, category.id, category.catUrlParam | seoFriendlyFormat]">{{category.text}}</button>

routeT 管道应用于“/thema”字符串，seoFriendlyFormat 管道应用于“category.catUrlParam”变量。