Angular.js：在页面加载时设置元素高度

5 浏览
0 Comments

Angular.js：在页面加载时设置元素高度

我是AngularJS的新手。我想创建一个高度依赖于窗口高度的网格（使用ng-grid）。我已经编写了一个指令：

app.directive('resize', function($window) {
    return function(scope, element) {
        function applyHeight() {
            scope.height = $window.innerHeight;
            $('.gridStyle').height(scope.height - 100);
        }
        angular.element($window).bind('resize', function() {
            scope.$apply(function() {
                applyHeight();
            });
        });
        applyHeight();
    };
});

当我调整浏览器窗口大小时，这个指令运行得很好，但是当网站首次加载时，样式没有被应用。我应该把代码放在哪里来初始化高度？

0