html - 从 Controller angularjs将div元素的高度更改为屏幕高度

Question

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

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

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

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

使用

$window.innerHeight

我正在获取屏幕高度。但是如何将此高度设置为 Controller 中 div 元素的“最大高度”值？

Answer 1

用这个

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

在 Controller 中，

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