How to give dynamically height to div in angularjs?

Could you please tell me how to give dynamically height to div in angularjs? Actually i have one scrolling div (have content in that ). When I give 100px height, I am able to see all the content.

But I need to give height to that 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>

Here is my code: http://codepen.io/anon/pen/ZGEpMN

Need to give height to <ion-scroll total height -footer -header height dynamically so that it will run on all windows.

As mrak said, you can do with calc like below:

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

I can see your header and footer both have 44px height so I used 88px here.

Updated Codepen