AngularMaterial标签只显示第一个标签

为什么md-tabs只显示第一个标签？其他人在我点击标签区域后出现。AngularMaterial标签只显示第一个标签

第一个标签看起来是这样的：

我的代码如下所示：

<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使用它们时有困难，即使没有引导。

来源

2016-04-08 zatziky

您可以添加任何小提琴/ Plnkr？ –

@KhalidHussain对不起，我试图删除bootstrap以查看发生了什么。 – zatziky

你试图把'md-tabs'放在'bootstrap的下拉列表里吗？如果是，请问为什么？你可以通过使用'md-tabs'的md-seleted属性来选择'md-tab'选项中的特定'md-tab'选项。请参阅：http://codepen.io/Rishii/pen/MyrVoz – Rishab777

你解决了吗？

我有同样的问题，除了我的角标签是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); 
}

来源

2016-09-12 19:29:51

最后，我们没有使用材料选项卡。我会接受答案，希望它能帮助别人。谢谢。 – zatziky

AngularMaterial标签只显示第一个标签

回答

相关问题