我有显示模块模式,看起来像这样:
'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’服务。
[编辑]:
我意识到我的问题是这一次…我只限于元素,当我忘了我正在实现它作为一个属性…
@ _ @;
你不应该需要一个$手表。只需绑定以调整窗口上的事件大小:
'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(); }); } }]);