串联标签 - 垫选项卡答案

【问题标题】：Concatenated Label - Mat tab串联标签 - 垫选项卡
【发布时间】：2021-08-13 22:12:31
【问题描述】：

在我的 Angular10 应用程序中，我有一个选项卡组，其中每个选项卡都显示用户详细信息。目前我使用用户 ID 作为选项卡的标签，但我想将用户的 ID 和名称都显示为选项卡标签。请建议我如何连接 ID 和名称。下面是我的代码。

<mat-tab-group mat-stretch-tabs>
  <mat-tab *ngFor="let user of userArray" [label]="user.userId">
    <app-user></app-user>
  </mat-tab>
</mat-tab-group>

【问题讨论】：

对于复杂的标签，您可以使用包含的门户 mat-tab-label 它甚至支持自定义格式（material.angular.io/components/tabs/api#MatTabLabel）。这里还有一个官方的用法示例：stackblitz.com/angular/nkbjxoxjdpd

标签： angular angular-material angular10

【解决方案1】：

你可能想试试

<mat-tab *ngFor="let user of userArray" label="{{ user.userId }} {{ user.Name }}">

【讨论】：

感谢工作。但是 [label] 和 label 有什么区别。我用 [label] 尝试了同样的事情，但它给出了错误。（抱歉，如果怀疑很愚蠢，我对网络开发很陌生）
label 是普通属性，你只需传递一个普通的字符串值。在这里，您从 *ngFor 获取用户。所以标签没问题。 [label] 是普通标签，与 ts 的值绑定。如果您有一个变量并且需要该值作为标签，请执行此操作。