为指令提供内部HTML模板的最佳方法是什么?

Question

我认为一种使我的工具提示指令为HTML模板的方法。该指令将组件用作其外部模板，但是有时在指令的内部HTML 是用户想要设计的东西，例如工具提示内的Insret Insret图标orimage。

> 。

这就是指令现在的工作方式。您可以给它一个简单的字符串，一个对象或设计的字符串：

<div [my-tooltip]="'some text...'"></div>
<div [my-tooltip]="objectText"></div>
<div [my-tooltip]="'<div style='color:red;'>text with style</div>'"></div>

，这是简单的方法，如果用户希望该工具提示具有更多的HTML渲染：

 <div ng-class="{'icon-success' : mystatus.Status==='SUCCESS'}" style="cursor: pointer">{{myObject.text}}</div>

如何做？它应该去哪里？我应该使用什么？内部HTML孩子？我不喜欢这种批准，因为可能会有内在的孩子不是工具提示的一部分。请建议。

Answer 1

您可以使用ng-bootstrap库将自定义HTML模板添加到弹出案件：https://ng-bootstrap.github.io/#/components/popover。