javascript - 动态 HTML 工具提示

Question

我有以下 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。我为此使用 Angular js。

Answer 1

动态跨度

  <td width="9%" height="5%">
    <span title="{{val.customerTypeDescNM[$index]}}" ng-repeat="item in val.customerType.split(',') track by $index">{{item}}</span>
     </td>