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

Question

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

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

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

但这就是问题所在，我在不同的屏幕分辨率下查看此内容，到目前为止，如果数据适合屏幕，则大屏幕应该没有滚动条。

正在使用

$window.innerHeight

我正在获取屏幕高度。但是如何将此高度设置为控制器中 div 元素的 "max-height" 值？

Answer 1

使用这个

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

在控制器中，

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

change height of div element to screen-height from controller angularjs