How to apply pipe to value in RouterLink?

Question

I have the following route in Angular 7:

{{category.name}}


        

Answer 1

Try removing the curly brackets like this:

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

You don't need them there because you are using property binding which is already evaluating to TypeScript code.

Answer 2

what about this

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

and in your constructor,

constructor(private slugifyPipe: SlugifyPipe) {
}

also you need to provide SlugifyPipe in your module providers