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; 
} 

它打破了提示框內，而不是在正確的地方，我需要之後有一個換行符{{錄入}} ，排成兩行。

謝謝！

Answer 1

我想出瞭如何去做。使用tooltipHtml屬性代替工具提示，並在兩個值之間插入<br/>就可以了！

Answer 2

截至（至少）1.3.3 tooltipHtml不再有效。請使用模板參考。

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