无法为 md-tabs 显示动态定义的标签

Question

这就是我的 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 的实际值？

编辑

我创建了一个代码笔来显示问题：

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

Answer 1

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