如何在角度中为工具提示指定动态值

Question

我需要在语言中动态分配工具提示文本。我使用的是下面这样的东西，但不起作用。

<h5>Contract Name </h5>
<span tooltip="{{ContractName}}" class="fac-tooltip tip-left">
<input
type="text"
name="ContractName"
id="ContractName"
[readonly]="true"
value= "{{ContractName}}"
> 
</span>

Answer 1

您需要创建一个自定义tooltip指令并使用它。

请参阅此处的代码示例

用法：

<a 
href="https://google.com" 
tooltip="Put your tooltip text here">
This is tooltip with default placement
</a>
Tooltip with placement top
<p 
placement="top"
tooltip="Put your tooltip text here">
This is tooltip with placement top
</p>
....

Answer 2

您需要为工具提示添加一些元属性。

<span data-toggle="tooltip"
data-placement="bottom" 
data-html="true"
title="{{ContractName}}" 
class="fac-tooltip tip-left">
<input
type="text"
name="ContractName"
id="ContractName"
[readonly]="true"
value= "{{ContractName}}"
> 
</span>