Angular,如何在调整大小和加载时实现以下代码

Angular, How to implement the below code on resize as well as on load

本文关键字:加载 实现 代码 调整 Angular      更新时间:2023-09-26
angular.module(module.name).directive(current.name, ['$timeout', function (timeout) {
return {
    restrict: 'A',
    link: function (scope, element, attrs) {
        element[0].style.margin = '0.1px';
        timeout(function () {
            element[0].style.margin = '0px';
        }, 3000);
    }
}
}]);

上面的角代码是我写的,所以当浏览器加载时,它会重新绘制浏览器,以便在单页应用程序上正确显示内容。然而,我遇到了另一个问题,我需要在Resize上做这件事。

我希望能够使用下面的相同功能并添加resize。如果我可以添加resize,或者我需要写一个不同的脚本,我会有点不知所措。

我仍在努力解决棱角分明的问题,所以我正在寻找一个能正确解释这一点的答案,以及什么是我想要的最佳实践。

您想将其应用于窗口的任何大小调整还是仅低于特定比例/大小?

如果你想调整窗口的大小,可以看看这个JSFiddle

scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) {...