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;
}
它打破了提示框内,而不是在正确的地方,我需要之后有一个换行符{{录入}} ,排成两行。
谢谢!
答
我想出了如何去做。使用tooltipHtml属性代替工具提示,并在两个值之间插入<br/>
就可以了!
答
截至(至少)1.3.3 tooltipHtml不再有效。请使用模板参考。
<template #statusTemplate>
lorem ipsum <br /> dolor sit amet
</template>
<div....
[tooltip]="statusTemplate"
</div>