Как показать Angular routerLink как обычный текст в html?

Question

Мой HTML в настоящее время содержит routerLink, как показано ниже, который прекрасно работает

<a mat-button [routerLink]="['/some','route', hash]">Click Here</a>

Как заменить текст «Нажмите здесь» на фактическую ссылку, созданную routerLink? Так, что это выглядит как обычный текст, например

Your link is: https://localhost:4200/some/route/deadbeef

Здесь "хэпбиф" - это значение хеша.

Answer 1

Поскольку routerLink генерирует только абсолютные URL, например / some / route / deadbeef.Я добавил следующий мой проект:

app.module.ts

Инжектор для "origin"

{
provide: 'origin',
useValue: window.location.origin
}

в моем конструкторе:

@Inject('origin') public origin: string

и, наконец, в моем HTML-коде

<a mat-button [routerLink]="['/some','route', hash]">{{origin}}/some/route/{{hash}}</a>