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にある可能性があります。

ありがとうございます。

EDIT

私はちょうどmd-menuでそれらを使用するときに、タブでも、ブートストラップなしの悩みを持っていることを見出しました。

Answer 1

あなたはまだそれを解決しましたか？

角度タブがブートストラップのモーダルになっている点を除いて同じ問題があります。 ボタンをクリックしてモーダルを切り替えると、最初のタブがクリックされるまで表示されます。

いくつかのテストをした後、ng-showで角のタブを隠して少し遅れて表示することができたようです。

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