jquery – 使用Angular JS更改元素高度

function HomeCtrl ($scope) {
    $('.banner').css('height',($(window).height()) - $('.header').outerHeight());
}

一起避免jQuery.使用指令,您可以访问元素并对其进行调整.作为一般的经验法则,如果您引入了jQuery来帮助您进行DOM操作,则可能会导致角度错误.没有很多的上下文,很难建议一个比你在这里更好的实现.

这在某种程度上取决于什么(和哪里).header是,但这是我的想法：

JScript的：

var myApp = angular.module('myApp',[]);

myApp.directive('banner',function ($window) {

    return {
        restrict: 'A',link: function (scope,elem,attrs) {

            var winHeight = $window.innerHeight;

            var headerHeight = attrs.banner ? attrs.banner : 0;

            elem.css('height',winHeight - headerHeight + 'px');
        }
    };
});

HTML：

<div banner="250" class="banner">I'm a banner!</div>

因为我不知道头是什么,我只是假设它被传入一个属性.我最好的猜测是抓住它的高度,并将其存储在控制器范围内,然后由横幅观看.这样做也会有所回应.