无法为md-tabs

时间:2016-12-14 14:05:50

标签: javascript angularjs angular-material

这是我的md-tabs块的定义方式:

<md-tabs class="stretch-height" flex md-selected="mbpSelectedIndex" md-border-bottommd-autoselect md-dynamic-height> 
    <md-tab ng-repeat="tab in mbpTabs" md-on-select="onTabSelected(tab)">
        <md-menu>
            <md-tab-label ng-right-click="$mdOpenMenu($event)" class="mbpTable"  >{{tab.title}}</md-tab-label>
            <md-menu-content>
                <md-menu-item>
                    ...
                </md-menu-item>
            </md-menu-content>
        </md-menu>  
        <md-tab-body>
            ...
        </md-tab-body> 
    </md-tab>
</md-tabs>

自从我引入<md-menu>代码后,标签标签占位符{{tab.table}}未被Angular引擎取代。

{{tab.table}}的控制器已在模块的routeProvider中定义,因为我正在开发单页应用程序。

如何将占位符替换为tab.table的实际值?

修改

我创建了一个用于显示问题的codepen:

http://codepen.io/anon/pen/bBQYyy

1 个答案:

答案 0 :(得分:0)

最后我使用了一种解决方法:我使用了div而不是md-tab-label