将div元素的高度从控制器angularjs更改为屏幕高度

Question

我不知道如何解决这个问题，任何帮助都会很棒。

我有一个div元素，我正在显示数据（div元素位于屏幕的左侧）。我想只为这个div元素添加一个滚动条。我能够做到这一点。

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

但问题是，我正在以不同的屏幕分辨率观看这个问题，到目前为止大屏幕如果数据适合屏幕应该没有滚动条。

使用

$window.innerHeight

我正在获得屏幕高度。但是如何将此高度设置为＆＃34; max-height＆＃34;来自控制器的div元素的值？

Answer 1

使用此

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

在控制器中，

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