Javascript 使用angularjs根据收割台高度更改顶部填充

我有一个固定的标题和一个中段跟随它。当页面调整大小或在较小的屏幕上打开时，页眉高度增加，从而在中间部分展开。我想以angularjs的方式动态设置padding top的值。我知道如何在jquery中实现这一点，但这对我来说并不合适

Html:

<div id="mainPage">
    <div id="header" ng-controller="DecorpotCtrl">

    </div>
    <!-- End of div = header-->

    <div ui-view class="mid"></div>

</div>

---

或者有其他任何纯css的方法来实现它。

一般来说，我会说角度的方法，或者更准确地说是“a”角度的方法，是使用jQuery或任何您想要的工具，生成一个自定义指令并在其中执行所有操作：）

只要记住在scope的$destroy事件中解开任何自定义内容

link: function (scope, element, attrs) {
    function onResize() {

    };
    window.addEventListener("resize", onResize);

    scope.$on("$destroy", function () {
        window.removeEventListener("resize", onResize);
    });
}

link: function (scope, element, attrs) {
    function onResize() {

    };
    window.addEventListener("resize", onResize);

    scope.$on("$destroy", function () {
        window.removeEventListener("resize", onResize);
    });
}