AngularMaterial Tabs zeigen nur die erste Registerkarte

Question

Warum zeigen md-tabs nur die erste Registerkarte? Der Rest von ihnen erscheint, nachdem ich in den Tab-Bereich geklickt habe.

ersten Reiter sieht wie folgt aus:

Nachdem in der Registerkarte Bereich klicken:

Mein Code sieht wie folgt aus:

<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> 

Absichtlich Ich habe den Inhalt verlassen Tabs leer, weil ich die Übergangsanimation wie beschrieben here loswerden will.

Eines der Probleme könnte sein, dass die Registerkarten in bootstrap dropdown menu sind.

Vielen Dank für Ihre Ideen!

EDIT

Ich habe gerade herausgefunden, dass die Laschen Probleme auch ohne Bootstrap hat, wenn sie in md-menu verwenden.

Answer 1

Haben Sie es schon gelöst?

Ich habe das gleiche Problem, außer dass meine eckigen Tabs im Bootstrap modal ist. Wenn ich auf eine Schaltfläche klicke, um das Modal umzuschalten, wird nur die erste Registerkarte angezeigt, bis ich darauf klicke.

Nach einigen Tests scheint es, dass ich umgehen könnte, indem ich die eckigen Tabs mit ng-show verberge und nach einer kleinen Verzögerung zeige.

<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> 

Kontrolleurs Funktion, wenn der Benutzer auf die Dropdown/Schaltfläche klickt den Modal zu wechseln:

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