AngularJS Material Tab 高度问题 [英] AngularJS Material Tab height issue
本文介绍了AngularJS Material Tab 高度问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在用 AngularJS Material 解决问题时遇到了一些麻烦,我想知道是否有人知道为什么会出现以下代码:
<md-tab id="tab1"><md-tab-label>第一项</md-tab-label><md-tab-body><md-list><md-subheader class="md-no-sticky">3 订单项</md-subheader><md-list-item class="md-3-line" ng-repeat="[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,50]"><div class="md-list-item-text"><h3>sdfs</h3><h4>sdfsd</h4><p>sdfsdf</p>
</md-list-item></md-list></md-tab-body></md-tab></md-tabs>
在 Firefox 上生成this.
和 这个 chrome.
抱歉没有直接发布图片,我没有足够的声誉.
解决方案
我也遇到了类似的问题.虽然 md-dynamic-height
解决了它...
您可以尝试使用:
<md-tab><md-tab-label>Tab 标签</md-tab-label><md-tab-body><md-content>标签内容</md-content></md-tab-body></md-tab></md-tabs>
I'm having some troube figuring things out with AngularJS Material, I was wondering if anyone knew why the folling piece of code:
<md-tabs layout-fill >
<md-tab id="tab1">
<md-tab-label>Item One</md-tab-label>
<md-tab-body>
<md-list>
<md-subheader class="md-no-sticky">3 line item</md-subheader>
<md-list-item class="md-3-line" ng-repeat="item in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,50]">
<div class="md-list-item-text">
<h3>sdfs</h3>
<h4>sdfsd</h4>
<p>sdfsdf</p>
</div>
</md-list-item>
</md-list>
</md-tab-body>
</md-tab>
</md-tabs>
produces this on firefox.
and this on chrome.
sorry about not posting images directly I don't have enough reputation.
解决方案
I also Had a similar issue. Though md-dynamic-height
solved it...
You can try using:
<md-tabs md-dynamic-height>
<md-tab>
<md-tab-label>Tab label</md-tab-label>
<md-tab-body>
<md-content>The tab content</md-content>
</md-tab-body>
</md-tab>
</md-tabs>
这篇关于AngularJS Material Tab 高度问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文