如果在Angular2中工具提示模板为空,如何禁用NgbTooltip?

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>无济于事.

Gen*_*ano 9

好吧,我终于弄清楚了.这就是我必须做的

<span [ngbTooltip]="(data.months?.length) ? ToolTipTemplate : ''">Months: {{data.months.length}}</span>
Run Code Online (Sandbox Code Playgroud)

  • 您是否尝试过“disableTooltip”[链接](https://ng-bootstrap.github.io/#/components/tooltip/api) (2认同)