Angular Material 选项卡仅显示第一个选项卡

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

你解决了吗？

我遇到了同样的问题，只是我的角度标签位于引导程序的模式中。 当我点击一个按钮来切换模式时，它只显示第一个选项卡，直到我点击它。

在做了一些测试之后，我似乎可以通过使用 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);
}