Угловой шаблон рендеринга некодированного URL

Question

Как отобразить URL, который не закодирован.Ниже приведен пример

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'demo-app',
  template: `<a [routerLink]="stringURL">Click here</a>`,
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  stringURL:string;

  constructor(){
    this.stringURL = "/url;mode=3"
  }
}

URL-адрес в шаблоне имеет кодированную строку, например /url%3Bmode%3D3, и я хочу, чтобы он был похож на /url;mode=3

Как мне этого добиться.

Вот пример: https://stackblitz.com/edit/angular-q6mf3p

Спасибо

Answer 1

Если ссылка статическая, вы можете использовать директиву следующим образом: ссылка на пользовательский компонент

Если вы используете динамические значения для генерации ссылки, вы можете передать массив сегментов пути, а затем параметрыдля каждого сегмента.

Например, ['/ url', {mode: 3}] означает, что мы хотим создать ссылку на /url;mode=3.

ваш код будет работатьсм. эту новую ссылку нажмите, чтобы увидеть

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'demo-app',
  template: `<a [routerLink]="stringURL">Click here</a>`,
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  stringURL:any;

  constructor(){
    this.stringURL = ["/url",{mode:3}]
  }
}

Answer 2

Вы должны отключить угловую кодировку URL по умолчанию.

Этот пост объясняет решение довольно хорошо.