相关疑难解决方法(0)

自定义角度材质2工具提示样式

在AngularJS中,可以使用选择器在CSS中设置工具提示的样式 .md-tooltip

在Angular 4中使用自定义格式工具提示的方法是什么?


编辑:

我正在使用Angular 4和Material2.

我如何使用它的一个例子是:

<span mdTooltip='TEST' mdTooltipPosition='right'>TEST</span>
Run Code Online (Sandbox Code Playgroud)

它显示工具提示非常好,除了我不知道如何设计它的事实.

css tooltip angular-material2 angular

14
推荐指数
5
解决办法
3万
查看次数

Angular 2 Material工具提示,其中的HTML内容为angular

我正在尝试将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)

提前致谢。

html javascript angular

10
推荐指数
3
解决办法
7697
查看次数

标签 统计

angular ×2

angular-material2 ×1

css ×1

html ×1

javascript ×1

tooltip ×1