<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获得单独的索引。