AngularJS $watch window resize inside指令

前端之家收集整理的这篇文章主要介绍了AngularJS $watch window resize inside指令前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有显示模块模式,看起来像这样:
'use strict';

angular.module('app',[])
   .directive('myDirective',['SomeDep',function (SomeDep) {
       var linker = function (scope,element,attr) {
          // some work
       };

       return {
          link: linker,restrict: 'E'
       };
   }])
;

我遇到的麻烦是集成一个$ watch到这里。特别注意窗口调整大小,用’$ window’服务。

[编辑]:

我意识到我的问题是这一次…我只限于元素,当我忘了我正在实现它作为一个属性
@ _ @;

你不应该需要一个$手表。只需绑定以调整窗口上的事件大小:

DEMO

'use strict';

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

app.directive('myDirective',['$window',function ($window) {

     return {
        link: link,restrict: 'E',template: '<div>window size: {{width}}px</div>'
     };

     function link(scope,attrs){

       scope.width = $window.innerWidth;

       angular.element($window).bind('resize',function(){

         scope.width = $window.innerWidth;

         // manuall $digest required as resize event
         // is outside of angular
         scope.$digest();
       });

     }

 }]);

猜你在找的Angularjs相关文章