如果字符串的长度大于35个字符，则出现工具提示，角度为6 ngb

Question

我只想在输入的字符串长度> 35时才显示工具提示，并且在这种情况下，在字符串的末尾添加省略号[...]，我使用的是角度6。

我的主要component.html文件如下

<tr *ngFor = "let data of datas" >
<td><span [ngbTooltip] ="showTooltip">{{data.name}}</span></td>
<ng-template #showTooltip>
      <my-tooltip [data]="data.name"></my-tooltip>
</ng-template>
</tr>

在“我的工具提示” component.ts文件中

import { Component, Input, OnInit } from '@angular/core';

@Component({
  selector: 'my-tooltip',
  templateUrl: './tooltip.component.html'
})
export class ToolTipComponent implements OnInit {
  @Input() data: any;

  ngOnInit(){
      console.log("tooltip" + this.data);
  }

}

在tooltip.component.html

中

<div class="tooltip">{{data}}</div>

但是结果显示为黑色小框，其中没有任何数据。

这里缺少什么，如果任何人都可以看得到，并且如果输入的字符串超过35个字符，则还需要添加省略号，然后显示工具提示。