在AngularJS中,可以使用选择器在CSS中设置工具提示的样式 .md-tooltip
在Angular 4中使用自定义格式工具提示的方法是什么?
编辑:
我正在使用Angular 4和Material2.
我如何使用它的一个例子是:
<span mdTooltip='TEST' mdTooltipPosition='right'>TEST</span>
Run Code Online (Sandbox Code Playgroud)
它显示工具提示非常好,除了我不知道如何设计它的事实.
我正在尝试将HTML字符串绑定到angular 2工具提示中。但是它以HTML形式呈现为纯字符串。有什么方法可以将字符串呈现为HTML。
这是我的代码:
在视图中:
<span class="icon-status" mdTooltip="{{value.status}}"></span>
Run Code Online (Sandbox Code Playgroud)
零件:
value.status = this.sanitizer.bypassSecurityTrustHtml(this.getStatusTemplate(value.status));
getStatusTemplate(status: IIconStatus): string{
let HTML =`
<div>Event Title</div>
<div class="">
<table>
<thead>
<th>User</th>
<th>User</th>
<th>User</th>
<th>User</th>
</thead>
</table>
</div>
`;
return HTML;}
Run Code Online (Sandbox Code Playgroud)
提前致谢。