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

标签 javascript angular tooltip angular2-template ng-bootstrap

我在工具提示中显示了一组数据,所以我使用了一个模板。我的代码如下所示:

<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>

如果 data.months为空我不希望出现工具提示。目前,如果它为空,则仅显示工具提示箭头。

我尝试添加 *ngIf<small>模板内的标签,但这不起作用。我也试过添加 *ngIf进入 <ng-template>无济于事。

最佳答案

好的,我终于能够弄清楚了。这是我必须做的

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

关于javascript - 如果工具提示模板为空,如何在Angular2中禁用NgbTooltip?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44704226/

相关文章:

javascript - 类型错误 : modules[moduleId] is undefined

javascript - 如何使用 javascript 或 angular2 读取浏览器错误?

javascript - jquery qtip2 - 同一目标的多个 qtips?

javascript - 如何将 requestAnimationFrame 与 setInterval 一起使用?

javascript - 迭代动态数组中的特定字段(例如第 5 个、第 10 个、第 15 个……)

Angular 元素 - ViewEncapsulation

angular - 进行 Angular 单元测试时出错

javascript - Chart JS Annotations Plugin - 你能创建一个工具提示来伴随注释吗?

javascript - 将鼠标悬停在 ApexCharts.js 中的图例系列上时如何显示图例工具提示

javascript - jQueryscrollTop 的不同替代品?