有没有一种简单的方法可以发送带有HTML元素的字符串并显示它？

Question

我正在使用引导警报作为全局警报功能。传递类型和标题作为参数。我有一项服务可以达到并设置这些属性。我正在寻找一种解决方案，以传递带有一些文本的html路由器链接，并在警报中显示该元素（工作链接）。我的代码如下。

设置数据：

this.alertService.setTitle(`Some text<a routerLink="/pricing" class="alert-link">an example link</a>`);
this.alertService.setType('info');

服务：

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';


@Injectable()
export class AlertTitleService {
  public title: BehaviorSubject<any> = new BehaviorSubject<any>(null);
  public type: BehaviorSubject<string> = new BehaviorSubject<string>(null);

  setTitle(value: any) {
    this.title.next(value);
  }
  setType(value: string) {
    this.type.next(value);
  }
}

显示数据：

<div *ngIf="alertTitle" class="alert alert-{{alertType}} alert-dismissible fade show" role="alert">
      <strong>{{alertType | uppercase}}!</strong> {{alertTitle}}
      <button type="button" class="close" data-dismiss="alert" aria-label="Close" (click)="changeData()">
        <span aria-hidden="false">&times;</span>
      </button>
    </div>

警报将html路由器链接显示为字符串，因此无法正常工作。我希望它是一个有效的链接。