如何将用户定义的索引分配给 angular material 的 <md-tab> 个元素?

How to assign user-defined indices to <md-tab> elements of angular material?

<md-tabs>
     <md-tab label="Tab #1"></md-tab>
     <md-tab label="Tab #2"></md-tab>
     <md-tab label="Tab #3"></md-tab>
</md-tabs>

<md-tab> 父 <md-tabs> 中的元素默认分配了一些从 0 开始的索引。因此,在上述情况下,三个选项卡的索引分别为 0、1 和 2。我想要做的是,将一些不同的数字作为索引分配给选项卡。我以后可以使用此号码来激活使用 md-selected 属性的选项卡。出于某种原因,我不想使用默认索引。

具体来说,我将各种类别(奶制品、杂货店、面包店等)显示为选项卡,我希望每个选项卡获得一个索引,该索引等于该选项卡显示的类别的 ID。这些选项卡是从数据库中获取的。

我不知道如何让这些选项卡获得一些索引,而不是它们获得的默认索引。

有什么方法可以将用户定义的索引分配给选项卡吗?

无法将用户定义的索引分配给 <md-tab> 元素。 但是,如果选项卡是由 <ng-repeat> 生成的,那么 $index 可以设置为我们喜欢的值。