Угловой материал md-tabs: настройка md-dynamic-height, вызывающая прокрутку вкладок вместо содержимого

Question

Я пытаюсь использовать угловой материал и использовать md-вкладки, но почему-то при применении md-dynamic-height вкладки плюс если содержание превышает длину экрана. Я просто то, что содержание прокрутки не может понять, что я делаю неправильно. Вот пример того, что я делаю.

<md-tabs md-dynamic-height md-border-bottom md-center-tabs md-stretch-tabs md-swipe-content> 
<!--First Tab--> 
<md-tab md-dynamic-height label="First INFO"> 
    <div class=""> 
     <div class="bold"> 

     </div> 
     <hr /> 
     <img src="images/map-pin.png" width="45" height="45" class="left up10" /> 
     <button class="btn-icon right up10"/> 
      <img src="images/compose.svg" width="25" height="25" /> 
     </button> 
     <span></span> 
     <div > 

     </div> 
     <div style="clear: both"></div> 
    </div> 
</md-tab> 
<!--Second Tab--> 
<md-tab md-dynamic-height label="Second INFO"> 
    <div class=""> 
     <div class="bold"> 

     </div> 
     <hr /> 
     <img src="images/map-pin.png" width="45" height="45" class="left up10" /> 
     <button class="btn-icon right up10"/> 
      <img src="images/compose.svg" width="25" height="25" /> 
     </button> 
     <span></span> 
     <div > 

     </div> 
     <div style="clear: both"></div> 
    </div> 
</md-tab> 
<!--Third Tab--> 
<md-tab md-dynamic-height label="Third INFO"> 
    <div class=""> 
     <div class="bold"> 

     </div> 
     <hr /> 
     <img src="images/map-pin.png" width="45" height="45" class="left up10" /> 
     <button class="btn-icon right up10"/> 
      <img src="images/compose.svg" width="25" height="25" /> 
     </button> 
     <span></span> 
     <div > 

     </div> 
     <div style="clear: both"></div> 
    </div> 
</md-tab> 

Answer 1

Попробуйте md-dynamic-height="" в Md закладках

<md-tabs md-dynamic-height=""> 

Answer 2

макет образца:

<md-tabs md-dynamic-height md-border-bottom md-center-tabs md-stretch-tabs md-swipe-content> 
    <md-tab label="1"> 
     <md-content style="height:100%"> 
     tab content here 
     </md-content> 
    </md-tab> 
    <md-tab label="2"> 
     <md-content style="height:100%"> 
     tab content here 
     </md-content> 
    </md-tab> 
    <md-tab label="3"> 
     <md-content style="height:100%"> 
     tab content here 
     </md-content> 
    </md-tab> 
</md-tabs>