AngularJS $watch window resize inside指令

发布时间：2020-12-17 08:28:16 所属栏目：安全来源：网络整理

导读：我有显示模块模式，看起来像这样： 'use strict';angular.module('app',[]) .directive('myDirective',['SomeDep',function (SomeDep) { var linker = function (scope,element,attr) { // some work }; return { link: linker,restrict: 'E' }; }]); 我遇到

我有显示模块模式，看起来像这样：

'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();
       });

     }

 }]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!