【问题标题】:Make visible all tooltips at the same time - MatTooltip Angular同时显示所有工具提示 - MatTooltip Angular
【发布时间】:2020-11-25 11:38:15
【问题描述】:

有没有办法在角度 matTooltip 中同时显示所有工具提示。我们可以像下面这样做,但是它需要声明所有的 viewChild 来做这个,

@ViewChild('tooltip', { static: true })tooltip:MatTooltip;

应用中有 50 多个 mat-tooltip 元素。有没有什么简单的方法可以用角度来做到这一点。

【问题讨论】:

    标签: angular typescript angular-material tooltip viewchild


    【解决方案1】:

    ViewChildren

    类似

    @ViewChildren(MatToolTip) tooltips: QueryList<MatTooltip>;
    
    showAll(): void {
      this.tooltips.forEach(toolTip => toolTip.show())
    }
    
    

    StackBlitz example

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-02-12
      • 1970-01-01
      • 1970-01-01
      • 2019-10-20
      相关资源
      最近更新 更多