角材料 – AngularJS Material Tab高度问题

发布时间：2020-12-17 07:45:06 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS材料制作一些特殊的东西,我想知道是否有人知道为什么这样的代码： md-tabs layout-fill md-tab id="tab1" md-tab-labelItem One/md-tab-label md-tab-body md-list md-subheader class="md-no-sticky"3 line item/md-subheader md-list-i

我正在使用AngularJS材料制作一些特殊的东西,我想知道是否有人知道为什么这样的代码：

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

在firefox上生产this.

和this铬.

抱歉不要直接发布图像我没有足够的声誉.

我也有类似的问题.虽然md-dynamic-height解决了…

你可以尝试使用：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!