[ng-bootstrap工具提示和数据库中的HTML条目

Question

我有一个问题，我可以在ng-bootstrap工具提示的ng-template内容中获取带有标签，换行符，项目符号列表等的内容，但是从中间层和数据库中检索时，它确实可以不以粗体显示（在这种情况下）。例如：

                  <label [for]="q.value.question.id">{{q.value.question.questinontext}}
                    <ng-template #tipContent data-html="true">{{q.value.question.descriptiontext}} TEST TEST <b>TEST</b></ng-template>
                    <span class="fa fa-question-circle" placement="bottom" [ngbTooltip]="tipContent" tooltipClass="custom-tooltip" data-html="true"></span>
                    <span class="required" *ngIf="measureUtilities.questionIsRequired(null, measure, q.value.question)==1"> *</span>
                  </label>

尽管具有data-html =“ true”并且知道它适用于硬编码的文本，但仍会产生类似以下的内容。

任何人对我可以尝试的事情有任何想法，或者可能允许出现类似情况的替代方法？请参阅此处的HTML绑定部分（我从其他地方拉出了data-html位）

https://ng-bootstrap.github.io/#/components/tooltip/examples

Answer 1

stackblitz from the examples显示了如何在tootli [中使用HTML。查看您的代码，我只能说data-html属性不会影响工具提示的行为。我没有看到其他问题。如果能够提供带有复制功能的堆叠闪电，我将能够提供更多帮助。

Answer 2

仅供参考，对于遇到相同问题的用户-您需要将其放在ng-template标签内的div标签中，并指定innerHTML：

            <label [for]="q.value.question.id">{{q.value.question.questinontext}}
              <ng-template #tipContent> <div [innerHTML]="q.value.question.descriptiontext"></div></ng-template>
              <span class="fa fa-question-circle" placement="bottom" [ngbTooltip]="tipContent"></span>
              <span class="required" *ngIf="q.value.question.isrequired==1"> *</span>
            </label>