ширина элемента Изменения внутри AngularJS директивы

Question

У меня есть такой код в моей директиве ссылке:

 scope.parentWidth = function(){ 
      return{'width':element.parent().width()} 
     } 


     scope.$watch(scope.parentWidth, function(oldValue, newValue) { 
      if (oldValue !== newValue) { 
       element.css('width', newValue); 
       console.log(element.width()); 
      } 
     }, true); 

Но в консоли я вижу, что ширина такое же, каждый раз, когда (элемент простых дела). даже когда newValue изменен. Я делаю что-то неправильно?

Answer 1

scope.$watch('parentWidth', function(oldValue, newValue) { 
      if (oldValue !== newValue) { 
       element.css('width', newValue +'px'); 
       console.log(element.width()); 
      } 
     }, true); 

При просмотре свойства рамки просто поставлять его в виде строки, в противном случае первый аргумент может быть простой функцией идемпотентная а

scope.$watch(function(){return scope.parentWidth;}, function(oldValue, newValue) { 
      if (oldValue !== newValue) { 
       element.css('width', newValue +'px'); 
       console.log(element.width()); 
      } 
     }, true);