ng-style不适用于动态div高度

Question

我正在尝试使用$ watch表达式来调整一组，具体取决于浏览器窗口的当前高度和宽度：

$scope.watchWindowDimensions = function () {
    return wholeWindow.height();
};

$scope.$watch($scope.watchWindowDimensions(), function () {
    $scope.windowDimensions = {
      divHeight: function () {
        return (wholeWindow.height() - otherElement.outerHeight());
      }
    };
}, true);

wholeWindow.bind('resize', function () {
    $scope.$apply();
});

HTML代码如下所示：

<div class="container" ng-style="{
    'height': windowDimensions.divHeight() + 'px !important', 
    'overflow-y': 'scroll !important;'
}">

请注意，divHeight是一个函数只是我最新的实验。我也尝试使用传统变量以及连接字符串。

现在，问题是：div从Chrome调试器中看到的任何解决方案都没有内联样式：

我已经设法使用plain style =“{{...}}”标记使其工作正常。但是，由于描述here的错误，这在IE10 +中无法使用，我必须支持。

有人能给我一些关于如何让它发挥作用的指示吗？