изменить высоту элемента div на высоту экрана от контроллера angularjs

Question

Я не знаю, как решить эту проблему, любая помощь будет потрясающей.

У меня есть элемент div, где я показываю данные (элемент div находится в левой части экрана). Я хочу добавить полосу прокрутки только к этому элементу div. Я смог это сделать.

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

Но вот проблема, я рассматривая это в разных разрешениях экрана, до сих пор большие экраны, если данные помещается на экране не должно быть никаких ScrollBar.

Использование

$window.innerHeight 

Я получаю высоту экрана. Но как установить эту высоту как значение «max-height» для элемента div из контроллера?

Answer 1

использование этого

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

в контроллере,

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