带有 HTML 内容的 Angular 2 Material 工具提示

新手上路,请多包涵

我正在尝试将 HTML 字符串绑定到 Angular 2 工具提示中。但它呈现为 HTML,显示为纯字符串。有什么办法可以将字符串呈现为 HTML。

这是我的代码:

在视图中:

  <span class="icon-status" mdTooltip="{{value.status}}"></span>

零件:

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

提前致谢。

原文由 Kesavan R 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 216
1 个回答

对我们来说是个坏消息:角度材料工具提示不支持 HTML,目前,他们无意支持它。 这里 有更多信息。

原文由 Velizar Andreev Kitanov 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题