Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 允许在<;a>;标记标题属性_Javascript_Angular_Pipe_Tooltip - Fatal编程技术网

Javascript 允许在<;a>;标记标题属性

Javascript 允许在<;a>;标记标题属性,javascript,angular,pipe,tooltip,Javascript,Angular,Pipe,Tooltip,我试图找到一个解决这个问题的方法,到目前为止,我已经想出了这个应该允许HTML的管道 import { PipeTransform, Pipe } from "@angular/core"; @Pipe({ name: "toHtml" }) export class ToHtmlPipe implements PipeTransform { transform(content) { return `<b>${content}</b>`;

我试图找到一个解决这个问题的方法,到目前为止,我已经想出了这个应该允许HTML的管道

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

@Pipe({
    name: "toHtml"
})
export class ToHtmlPipe implements PipeTransform {
    transform(content) {
        return `<b>${content}</b>`;
    }
}
从“@angular/core”导入{PipeTransform,Pipe}”;
@烟斗({
名称:“toHtml”
})
导出类到HtmlPipe实现PipeTransform{
转换(内容){
返回`${content}`;
}
}
我有一个链接,在悬停时显示数据工具提示:

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

因此管道不工作,我不能使用
[innerHtml]=''
,因为它只是更改到字符串的链接,而不是图标


提前感谢您的帮助

根据评论,查看引导文档中的工具提示

并添加了自定义HTML:


带有HTML的工具提示


您需要将
data html=“true”
属性放置在
元素上。

根据注释,查看引导文档中的工具提示

并添加了自定义HTML:


带有HTML的工具提示


您需要将
data html=“true”
属性放置在
元素上。

元素标题属性可以包含看起来像html的内容,即
blah
,但它不被视为HTMLnative
title
属性仅维护文本,以获得自定义提示,你需要实现它或者使用一些插件来实现这样的功能thing@JaromandaX:这完全取决于属性值的用途。是的,浏览器中
title
属性的标准工具提示处理不会将其视为HTML。但是其他任何东西(比如Bootstrap)都可以做它想做的事情。bootstrap4文档说,您可以在title属性中包含HTML,就像Nicolas尝试做的那样。这不是这里的问题@Bluefox我刚刚注意到了您的链接,只需添加
data html=“true”
即可
工作,我不知道这在引导中是可能的!我道歉!元素标题属性可以包含类似HTML的内容,即
blah
,但它不被视为HTMLnative
title
属性仅维护文本,要有自定义提示,您需要实现它或使用一些实现此类提示的插件thing@JaromandaX:这完全取决于属性值的用途。是的,浏览器中
title
属性的标准工具提示处理不会将其视为HTML。但是其他任何东西(比如Bootstrap)都可以做它想做的事情。bootstrap4文档说,您可以在title属性中包含HTML,就像Nicolas尝试做的那样。这不是这里的问题@Bluefox我刚刚注意到了您的链接,只需添加
data html=“true”
即可
工作,我不知道这在引导中是可能的!我道歉!