如何在 angularjs 中动态给 div 高度？

Question

你能告诉我如何在 angularjs 中动态地给 div 高度吗？实际上我有一个滚动 div（里面有内容）。当我给100px高度时，我可以看到所有内容。

但是我需要给那个高度 div (window -header -footer)

<ion-scroll direction="y" style="height: 100px">
    <div class="row" ng-repeat="obj in data.data">
        <div class="col">
          {{obj.schDepart}}
        </div>
        <div class="col">
          {{obj.expDepart}}
        </div>
    </div>
</ion-scroll>

这是我的代码：http://codepen.io/anon/pen/ZGEpMN

需要动态地给 <ion-scroll 总高度 -footer -header 高度 高度，这样它将运行所有 windows。

Answer 1

正如 mrak 所说，您可以像下面这样使用 calc：

ion-scroll[direction=y] {
  height: calc(100vh - 88px);
}

我可以看到您的页眉和页脚都有 44px 高度，所以我在这里使用了 88px。

已更新Codepen

如何在 angularjs 中动态给 div 高度？

How to give dynamically height to div in angularjs?

angularjs

angularjs-directive

angularjs-scope

ionic-framework

ionic