將div元素的高度更改爲控制器的屏幕高度angularjs

Question

我不知道如何解決此問題，任何幫助都很棒。

我有一個div元素，我正在顯示數據（div元素是在屏幕的左側）。我想只爲這個div元素添加一個滾動條。我能夠做到這一點。

<div style="float: left; 
      width: 100%; 
      overflow-y: auto; 
      max-height: 500px;"> 

但這裏的問題，我在不同的屏幕分辨率，如果在屏幕上的數據擬合應該沒有滾動條查看此，至今大屏幕。

使用

$window.innerHeight 

我得到了屏幕高度。但是，如何將此高度設置爲來自控制器的div元素的「最大高度」值？

Answer 1

使用本

<div ng-style="{ 'width' : width, 'max-height' : screenHeight, 'overflow-y': autoVar }"></div> 

在控制器，

$scope.width = '100%'; 
$scope.screenHeight = '700px'; 
$scope.autoVar = 'auto';