javascript - AngularJS 元素 onresize 事件 - 自定义指令

标签 javascript angularjs angularjs-directive resize

AngularJS 是否有等同于此的:

elementObject.addEventListener("resize", myFunction);

我考虑过 watch ,但我认为这不是好的解决方案。

最佳答案

创建自定义指令:

app.directive("myResize", function($parse) {
    return {
        link: postLink
    };
    function postLink(scope, elem, attrs) {
        elem.on("resize", function (e) {
            var rs = $parse(attrs.myResize);
            rs(scope, {$event: e});
            scope.$apply();
        });
    }
});

用法:

<div my-resize="$ctrl.myFunction($event)">
</div>

更多信息,

关于javascript - AngularJS 元素 onresize 事件 - 自定义指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45039891/

相关文章:

javascript - 警报向我显示什么属性?

javascript - <img src="数据 :. .. 压缩文件

javascript - 当列中有树时,表格会调整大小

javascript - 如何在 AngularJS 模板中调用数据函数?

javascript - 具有多个参数和随机值的 Angular 自定义排序

angularjs - 将 HighStocks 与 highcharts-ng 结合使用

javascript - 从 x,y 屏幕空间坐标查找 2D 等距网格上的列、行(将方程转换为函数)

recursion - 使用嵌套对象时,如何在 AngularJS 中制作递归模板?

javascript - 创建自定义指令时 templateUrl 未加载

javascript - angularjs指令更改名称的格式