как использовать routerLink вместо href в теге привязки во внутреннем HTML в angular2 +?

Question

In angular 2 +

1. Если я использую href для перенаправления, то перезагружает всю страницу .

дюймы

this.htmlText = 'The validation window for <a href=\"http://localhost/nomination/">Innovator Mind</a> nominations is open now. Last date to review is 2020-Jan-25';

дюйма HTML,

<div [innerHTML]="htmlText "></div>

Если я использую routerlink для перенаправления, то routerlink не получает рендер в html.

In .ts

this.htmlText = 'The validation window for <a routerLink=\"http://localhost/nomination/">Innovator Mind</a> nominations is open now. Last date to review is 2020-Jan-25';

in HTML,

<div [innerHTML]="htmlText"></div>

Итак, как достичь маршрута страницы без перезагрузки страницы?

Answer 1

добавить в конструктор.

private router: Router

Использовать событие щелчка для изменения URL-адреса по ts ->

.ts:

   html='<a value="myRoute">link</a>';

   changeRoute(value){
     let myRoute=value.target.attributes.value.value;
      if(myRoute){
       this.router.navigate([ myRoute ]);
      }
   }

. html:

<div (click)='changeRoute($event)' [innerHTML]="html"> </div>