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

如何在ng2-bootstrap工具提示中的{{UpdateTime}}和{{RawValue}}之间放置换行符？ng2-bootstrap工具提示内容在特定位置的换行符

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

它打破了提示框内，而不是在正确的地方，我需要之后有一个换行符{{录入}} ，排成两行。

谢谢！

来源

2016-11-04 Karen Chen

我想出了如何去做。使用tooltipHtml属性代替工具提示，并在两个值之间插入<br/>就可以了！

来源

2016-11-04 09:12:57

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

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

来源

2017-02-15 18:43:26

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

回答

相关问题