AngularMaterial选项卡仅显示第一个选项卡

Question

为什么md-tabs只显示第一个标签？在我单击选项卡区域后，其余部分出现。

第一个标签如下所示：

点击标签区后：

我的代码如下所示：

<md-tabs md-dynamic-height md-border-bottom>
    <md-tab label="Home"></md-tab>
    <md-tab label="Profile"></md-tab>
    <md-tab label="Messages"></md-tab>
</md-tabs>

我故意将选项卡内容留空，因为我想摆脱here所描述的过渡动画。

其中一个问题可能是标签位于bootstrap dropdown menu。

感谢您的想法！

修改

我刚刚发现，在md-menu中使用标签时，即使没有引导程序，标签也会出现问题。

Answer 1

你解决了吗？

我遇到了同样的问题，只是我的角度标签处于bootstrap的模态中。 当我点击按钮切换模态时，它只显示第一个标签，直到我点击它。

在做了一些测试之后，似乎我可以通过使用ng-show隐藏角度选项卡并在稍微延迟后显示它来解决。

<button ng-click="controller.showTabs()">Show Tab</button>


<md-tabs md-dynamic-height md-border-bottom ng-show="show_tab">
    <md-tab label="Home"></md-tab>
    <md-tab label="Profile"></md-tab>
    <md-tab label="Messages"></md-tab>
</md-tabs>

当用户点击下拉/按钮切换模态时，

控制器的功能：

this.showTabs = 
function()
{
    //250ms delay
    $timeout(function()
    {
        $scope.show_tab = true;
    },250);
}