通过 ng-repeat 生成的 <md-tab> 是否获得唯一索引?
Does <md-tab> generated through ng-repeat get unique indices?
<md-tab>
<md-tabs>
中的元素获取从 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>
第一个tab是静态的,其他都是通过ng-repeat
生成的。那么这样生成的tab会不会像上例一样得到索引呢?
特别是,如果我通过 ng-repeat
再获得 4 个选项卡,是否会 angular material 为它们提供以 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.
<md-tab>
<md-tabs>
中的元素获取从 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>
第一个tab是静态的,其他都是通过ng-repeat
生成的。那么这样生成的tab会不会像上例一样得到索引呢?
特别是,如果我通过 ng-repeat
再获得 4 个选项卡,是否会 angular material 为它们提供以 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.