2017-01-18 4 views
1

その完全な高さを表示していない私は、次のスニペットがありますMD-タブグループタブコンテンツ

<md-tab-group> 
    <md-tab> 
    <template md-tab-label> 
     <em>Patients</em> 
    </template> 
    <div> 

     <epimss-race-olp></epimss-race-olp> 
    </div> 
    <!--<epimss-patient token = 'patient->registrant'></epimss-patient>--> 
    </md-tab> 

</md-tab-group> 

epimssレース-OLPの高さ200pxののUIです。ただし、表示には、UIの代わりに互いに隣接する垂直スクロールバーが表示されます。スクロールバーをスクロールすると、一度にUIが小さな領域に表示されます。

なぜUIがエンティリティに表示されないのですか?

答えて

0

私はあなたのCSSファイルを参照する必要がありますが、私はあなたがこの

<div style="min-height:200px;min-width:200px;"> 
    <epimss-race-olp></epimss-race-olp> 
</div> 

を試すか、それぞれのCSSで、epimssの親要素のため

を表示するためのUIに十分なスペースを与えていないと思います-race-olp

{ 
    min-height:200px; 
    min-width:200px; 
} 
+0

私はあなたの提案を既に試してきましたが、クリックしたボタンの下にUI 200pxを押し込んで、添付された内容を表示するだけです。スクロールすると、UIは完全に表示されます。 [https://material.angular.io/components/component/tabs](https://material.angular.io/components/component/tabs)> Dynamic Height>既定では、タブグループの高さは変更されません現在アクティブなタブの高さに設定します。これを変更するには、** dynamicHeight **入力をtrueに設定します。タブ本体は、アクティブなタブの高さに応じて高さをアニメートします。 dynamicHeightをどのように設定するのですか? –

+0

mmmmオーバーフローを意味するのでしょうか?スタイルやCSSで "overflow:auto"を設定してみてください – Leandro