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

Question

I have tried to find a solution to this problem and so far I have come up with this pipe that should allow HTML

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

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

I have a link, which displays a data tool tip on hover:

<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>

However, this is the result I get:

So the pipe isn't working and afaik I can't use [innerHtml]="" since it just changes the link to the string, not the icon.

Thanks in advance for your help

Answer 1

As per the comments, looking at the Bootstrap documentation for Tooltips;

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

And with custom HTML added:

<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>

You require the data-html="true" attribute to be placed on the <a> element.