Я бы хотел, чтобы всплывающая подсказка появлялась только в том случае, если длина входящей строки> 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>
В файле My Tooltip 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>
Однакорезультат отображает черный квадрат без каких-либо данных.
Чего здесь не хватает, если кто-то может посмотреть на это, также мне нужно добавить elipses, если входящая строка более 35 символов, а затем и тогда должна быть всплывающая подсказкаотображается.