Question

我想使用mat-angular工具提示将元素数组显示为列表。

这是 app.component.html

<button mat-raised-button
      matTooltip={{items}}
      aria-label="Button that displays a tooltip when focused or hovered over">
      Action
</button>

这是 app.component.ts

items=['A','B,'C']

我能够将它们显示为'，'与上面的值分开，但是我需要将它们显示为列表，并在每行中包含每个元素

谢谢

Answer 1

我猜您需要在每个新行中显示该数组，然后 documentation 建议:: ng-deep已过时，但仍适用于最新版本

此外，您还需要在每个单词后换行，以便可以使用Array.prototype.join来做到这一点，

 items=['A','B','C'];
 newItems = this.items.join("\r\n");

这里是STACKBLITZ DEMO

Answer 2

您可以使用Array的{{3}}方法将字符串数组与用于定界符的可选参数连接起来（默认情况下，它设置为,）：

<button mat-raised-button
        [matTooltip]="items.join()"
        aria-label="Button that displays a tooltip when focused or hovered over">
  Action
</button>

Answer 3

我认为您必须为我尝试这项工作 app.component.html

<button mat-raised-button
   matTooltip={{items.toString()}}
   aria-label="Button that displays a tooltip when focused or hovered over">Action
</button>

app.component.ts

items = ['A'，'B，'C']

角垫工具提示

3 个答案: