javascript - 当用户更改窗口高度时如何触发 Angular 中的事件？

Question

每次用户更改窗口高度时，我都需要计算元素的位置。因此我创建了一个指令。

  'use strict';
  angular.module "myApp"
  .directive 'uibPosition',['$position','$document','$timeout', ($position,$document,$timeout)->
    return {
      restrict: 'EAC',
      link: (scope, element, attr) ->
 //I want to Trigger this event when user change windows height
        $timeout ->
          if $document.height() - $position.position(element).top < 500
            element[0].querySelector('.custom-popup-wrapper').style.top = 'auto'
            element[0].querySelector('.custom-popup-wrapper').style.bottom = 40 + 'px'
          else
            element[0].querySelector('.custom-popup-wrapper').style.top = $position.position(element).top+40+'px'
    }
  ]

怎么做？我真的很感激

Answer 1

您可以将观察者添加到指令中:

        var w = angular.element($window);

        scope.getWindowDimensions = function () {
            return {
                "h": w.height(),
                "w": w.width()
            };
        };
        var watcherTimeout;
        scope.$watch(scope.getWindowDimensions, function (newValue) {
            $timeout.cancel(watcherTimeout);
            watcherTimeout = $timeout(function(){
                scope.callback();   // call callback function
            }, 300);
        }, true);

        w.bind("resize", function () {
            scope.$apply();
        });