<md-tab> 通过 ng-repeat 生成的是否获得唯一索引?



<md-tabs>中的<md-tab>元素获取从0开始的索引。

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

因此,在上述情况下,三个选项卡将分别接收索引0,1和2。

在我的应用程序中,我有以下基本结构的选项卡:

<md-tabs>
    <md-tab label="Home"></md-tab>
    <md-tab ng-repeat="cat in categories" label="cat.title"></md-tab>
</md-tabs>

第一个选项卡是静态选项卡,其他选项卡通过ng-repeat生成。那么,以这种方式生成的选项卡会像前面的情况一样获得索引吗?

特别是,如果我通过ng-repeat获得了更多的4个选项卡,角度材质会给它们以1开头的索引吗(主选项卡指定为0索引)?

编辑1:所谓索引,我的意思是,我可以通过将md-selected属性的值设置为其索引来激活特定的选项卡。例如:

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

其中selectedIndex$scope上的变量,我可以将其值设置为0,1,2…n-1,其中n是选项卡的总数。

我想知道ng-repeat生成的<md-tab>元素是否会按顺序得到这样的索引。

经过一些实验,我发现答案是否定的。

例如:

<md-tabs>
    <md-tab label="Home"></md-tab>
    <md-tab ng-repeat="cat in categories" label="cat.title"></md-tab>
</md-tabs>

在上述情况下,"主页"选项卡将获得索引0。如果通过ng-repeat生成了n个选项卡,则它们不会从1..n-1获得单独的索引。

最新更新