Есть ли что заменить строковый формат ng1 на ng8?

Question

У меня есть массив ошибок для отображения в

<div *ngFor="let error of arrayOfErrors">
  {{error.errMsg}}
</div>

и в AngularJs можно было что-то сделать в al oop, чтобы настроить errMsg, например:

error.errMsg = 'my error has this code <b><a href="/#/my-link/{0}">{0}/a></b>.'.format(error.errCode);

Но теперь, с Angular8, я не нашел способа просто сделать это html форматирование и интерполяцию ... Я попробовал что-то вроде:

error.errMsg = `my error has this code <b><a href="/#/my-link/${error.errCode}">${error.errCode}/a></b>.`;

, но html теги не интерпретируются и отображаются как грубая строка!

Я прочитал много топи c о Dynami c Компонент с Angular2 +, но это кажется немного излишним для моих нужд ...

Есть ли способ просто достичь моей цели?

Спасибо за вашу помощь!

Answer 1

В Angular вы склонны создавать свой шаблон из вашей модели. Таким образом, вы можете просто объявить вашу ссылку внутри вашего div и интерполировать каждый код ошибки в l oop.

<div *ngFor="let error of arrayOfErrors">
  my error has this code 
  <b>
    <a [routerLink]="'/#/my-link/' + error.errorCode">{{error.errorCode}}/a>
  </b>.
</div>

Answer 2

Попробуйте использовать внутренний HTML

 <div *ngFor="let error of arrayOfErrors">
      <span [innerHTML]="error.errMsg"></span>
    </div>