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

我想出了怎么做。使用tooltipHtml属性而不是工具提示，并在两个值之间插入<br/>即可！

Answer 2

截至（至少）1.3.3 tooltipHtml不再有效。而是使用模板参考。

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

ng2-bootstrap工具提示内容行中断某个位置

2 个答案: