Gen*_*ano 2 javascript tooltip angular2-template ng-bootstrap angular
我在工具提示中显示了一组数据,所以我使用了一个模板.我的代码看起来像:
<ng-template #ToolTipTemplate>
<small *ngFor="let month of data.months; let first = first; let last = last"> {{ month.appliedMonthYear | utc | date:'MM/y' }}{{ last ? '' : ', ' }} </small>
</ng-template>
<span [ngbTooltip]="ToolTipTemplate">Months: {{data.months.length}}</span>
Run Code Online (Sandbox Code Playgroud)
如果data.months为空,我不希望出现工具提示.目前,如果它为空,则仅显示工具提示箭头.
我试着添加*ngIf在<small>模板内标签,但没有奏效.我也尝试添加*ngIf到<ng-template>无济于事.
好吧,我终于弄清楚了.这就是我必须做的
<span [ngbTooltip]="(data.months?.length) ? ToolTipTemplate : ''">Months: {{data.months.length}}</span>
Run Code Online (Sandbox Code Playgroud)