HTML工具提示动态

时间:2018-04-04 06:09:13

标签: javascript angularjs

我有html线以下,

原始代码:

 <td width="9%" height="5%">
     <p class="idnumber" title="{{val.customerTypeDescNM}}">
     {{val.customerTypes}}</p>
 </td>


  <td width="9%" height="5%">
       <p class="idnumber" title="FTG,EMA,CAS">FTG,EMA,CAS</p>
  </td>

我在这里停留的是,如果我在这个td上移动光标,我得到的是“FTG,EMA,CAS”,就像标题标签一样,这是正确的,但我想如果我的光标只在FTG上,它应该在标题标签中显示FTG。我正在使用角度js。

4 个答案:

答案 0 :(得分:1)

您可以使用3个单独的<p>标记代替span标记,这些标记包含单独的项目和单独的标题。你不需要角度。

<td width="9%" height="5%">
       <span class="idnumber" title="FTG">FTG,</span>
       <span class="idnumber" title="EMA">EMA,</span>
       <span class="idnumber" title="CAS">CAS</span>
  </td>

答案 1 :(得分:1)

动态范围

<pre></pre><pre></pre>

答案 2 :(得分:0)

为每个文本添加title属性:

&#13;
&#13;
getPrime(100)
&#13;
&#13;
&#13;

答案 3 :(得分:-1)

如果我理解你的问题,你需要单独的span标签,每个标签标签。您可能必须使用ng-repeater。

<td width="9%" height="5%">
  <p class="idnumber" title="{{val.customerTypeDescNM}}">
    <span ng-repeat="tag in val.customerTypes.split(',')" title="tag">
      {{tag}}
    </span>
  </p>
</td>