在Angular4 routerLink中转义URL

Question

With Angular4 I can use the following syntax to link to a component:

<a routerLink="MYLINK">link</a>

However the syntax of MYLINK is unclear to me. Is it a path according to RFC 3986, ie does it have to follow URL escaping rules? Or is it a concatenation of unescaped path segments?

For example, would I write

<a routerLink="/root/my%20page">link</a>

or

<a routerLink="/root/my page">link</a>

Is this documented anywhere in Angular?

My expectation would be that when passing a path, the path would have to be URL encoded. When passing an array of segments, the segments would not be URL encoded.

Answer 1

Crea un archivo CustomUrlSerializer.ts

import {UrlSerializer, UrlTree, DefaultUrlSerializer} from '@angular/router';

export class CustomUrlSerializer implements UrlSerializer {
    parse(url: any): UrlTree {
        let dus = new DefaultUrlSerializer();
        return dus.parse(url);
    }

    serialize(tree: UrlTree): any {
        let dus = new DefaultUrlSerializer(),
            path = dus.serialize(tree);
        // use your regex to replace as per your requirement.
        return path.replace(/%20/g,' ');
    }
}

`

import en tu app.module.ts

providers: [{ provide: UrlSerializer, useClass: CustomUrlSerializer }],