如何将嵌套的innerHtml元素渲染到innerHtml中？

Question

我有COUNT(a.id) = 1呈现HTML代码货币：

div

<div [innerHtml]="item.Currency" title="" class="currTooltip"> <!-- This div renders and show currency! --> <div [innerHtml]="item.Currency" title="" class="tooltiptext"></div> <!-- This div never rendered! --> </div> 等于item.Currency

在¥中可以看到的内容：

但是，DOM内部从不渲染。我可以做些什么来渲染div 哪里有评论div？

Answer 1

您尝试以两种不同的方式同时设置外部div的内容。您包含内部div作为其内容，并且还指定其innerHTML属性。只使用两个中的一个（显然是innerHTML的一个）。您应该确定外部div是否包含内部div，或者其内容是否由innerHTML提供。

如果您想同时使用这两种方法，可以使用以下方法之一：

方法1 - 包括两个内部元素：

<div title="" class="currTooltip">
  <span [innerHTML]="item.Currency" ></span>
  <div [innerHtml]="item.Currency" title="" class="tooltiptext"></div>
</div>

方法2 - 将整个内部div HTML包含在外部div的innerHTML属性中：

<div [innerHTML]="item.Currency + innerDivHtml" title="" class="currTooltip">
</div>

将innerDivHtml定义为属性getter：

get innerDivHtml(): string {
  return `<div title="" class="tooltiptext">${this.item.Currency}</div>`;
}