ng2-bootstrap 工具提示内容在特定位置换行

Question

如何在 ng2-bootstrap 工具提示中放置换行符，尤其是在 {{UpdateTime}} 和 {{RawValue}} 之间？

html:

<span tooltipPlacement="bottom" tooltipClass="customClass" tooltip="{{UpdateTime}} {{RawValue}}">{{DisplayName }}</span>

CSS:

.tooltip.customClass .tooltip-inner {
    -ms-word-break:  break-word;
    word-break:  break-word;       
    text-align: center;
    border:1px;
    border-style:solid;
    border-color:black;
    background-color: lightgray;
    color: black;
}

它在工具提示框中中断，但不在正确的位置，我需要在 {{UpdateTime}} 之后立即换行，对齐两行。

谢谢!

Answer 1

从(至少)1.3.3 开始，tooltipHtml 不再有效。而是使用模板引用。

<template #statusTemplate>
    lorem ipsum <br /> dolor sit amet
</template> 
<div....
    [tooltip]="statusTemplate"
</div>