在md-tab上使用ng-repeat进行md选择

时间:2017-02-22 14:31:37

标签: javascript angularjs angular-material

我有一个问题,我在问问题之前已经搜索过,但到目前为止有什么帮助我。 我使用角度材料的md-tabs与Angular 1.x,它工作正常,但我想使tab可书签,所以我想在md-tabs标记上使用md-selected属性。 但是,我尝试了几件事,似乎没有任何用处。

这是我的HTML代码:

<md-content>
    <md-tabs
        md-no-ink-bar
        md-no-ink
        md-dynamic-height=""
        md-border-bottom=""
        md-selected="selectedIndex.index"
    >
        <md-tab
            ng-disabled="true"
            id="my_id"
        >
            <i class="fa fa-dashboard"></i> Non clickable tab
        </md-tab>
        <md-tab
            ng-repeat="tab in tabs"
            label="my_label"
        >
            <my-directive
                tab-id="tab.id"
                ng-if="tab.id == tabActiveId"
            ></my-directive>
        </md-tab>
    </md-tabs>
</md-content>

我在我的控制器中设置了一个变量(硬编码用于测试):

$scope.selectedIndex = {
    index: 2
  };

不幸的是它根本不起作用。

有什么想法吗?

先谢谢

0 个答案:

没有答案