为什么 md-tab-body 不跨越屏幕的全长答案

【问题标题】：Why does md-tab-body not span full length of the screen为什么 md-tab-body 不跨越屏幕的全长
【发布时间】：2017-01-25 23:45:57
【问题描述】：

我正在尝试使用 Angular Material 在 AngularJS 中实现选项卡。

我有一些标签。单击选项卡时，应显示特定于该选项卡的内容。但我面临的问题是，该选项卡的内容并没有占据整个设备长度。

<md-tabs md-selected="selectedIndex">
    <md-tab md-on-select="onTabSelected(tab)" md-on-deselect="announceDeselected(tab)" ng-disabled="tab.disabled">
        <md-tab-label>
            <p>Tab A</p>
        </md-tab-label>
        <md-tab-body>
            <p>Content of tab A</p>
            <div infinite-scroll="loadMore(tab.id)" infinite-scroll-disabled="busy">
                <div ng-repeat="p in products">
                    <div class="well">
                        <h3>{{p.id}}</h3>
                        <h5>{{p.cat_id}}</h5>
                    </div>
                </div>

                <div ng-show="busy">Loading more products....</div>

            </div>
        </md-tab-body>
    </md-tab>
</md-tabs>

“md-tab-body”指令指定标签内容。

在上面的代码中，我只是打算实现 ng-Infinite 滚动作为选项卡内容的一部分。但不知何故，标签内容只占页面长度的一部分。有什么解决方案可以让标签内容占据页面的全长。

【问题讨论】：

在你的 md-tabs 上使用 md-dynamic-height 属性
非常感谢！！！！它就像一个魅力。
这里提出的解决方案对我不起作用。这个解决方案对我有用。 github.com/angular/material/issues/2254

标签： angularjs angular-material

【解决方案1】：

我不确定这个问题是否还有其他解决方案，但最简单的方法是在 md-tabs 指令上使用 md-dynamic-height 属性。

<md-tabs md-dynamic-height>
.....
</md-tabs>

这就是你所需要的！

【讨论】：