Angular Js屏幕无需任何事件即可调整大小

Question

我正在尝试让我的UI响应屏幕更改。我连接到2个不同的屏幕并将浏览器拖到另一个窗口。

调整大小功能在这些情况下不起作用，因为没有触发事件。在这些情况下，如何调整UI的大小？

目前我正在使用以下代码：

function getResizedDatasheetTableHeight() {
var windowHeight = $(window).height();
var datasheetTableHeight = (parseInt(windowHeight) - 380);
return parseInt(datasheetTableHeight);
}

我在get函数中调用此函数：

$scope.styleDatasheetTableParentDiv = { 'height':(getResizedDatasheetTableHeight() + 52) + 'px' }

$scope.styleDatasheetTableChildDiv = { 'height':(getResizedDatasheetTableHeight() - 20) + 'px', width: '98%' }

$scope.styleDatasheetPaginatorDiv = { 'top': (getResizedDatasheetTableHeight() + 262) + 'px' } 

我需要知道如何响应屏幕更改。 请帮忙