将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';