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