在<a>标记标题属性中</a>允许html

Question

我试图找到解决此问题的方法，到目前为止，我已经提出了应该允许HTML的管道

import { PipeTransform, Pipe } from "@angular/core";

@Pipe({
    name: "toHtml"
})
export class ToHtmlPipe implements PipeTransform {
    transform(content) {
        return `<b>${content}</b>`;
    }
}

我有一个链接，该链接在悬停时显示数据工具提示：

<a *ngIf="day.Info.Info" data-toggle="tooltip" [title]="day.Info.Info | toHtml" placement="right"><i style="color:black" class="glyphicon glyphicon-comment"></i></a>

但是，这是我得到的结果：

因此，管道无法正常工作，并且afaik我无法使用[innerHtml]=""因为它只是更改了字符串的链接，而不是图标的链接。

在此先感谢您的帮助

Answer 1

根据评论，查看Bootstrap文档中的工具提示；

https://v4-alpha.getbootstrap.com/components/tooltips/#interactive-demo

并添加了自定义HTML：

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>"> Tooltip with HTML </button>

您需要将data-html="true"属性放置在<a>元素上。