$ xem cho chiều rộng yếu tố bên trong chỉ thị

Question

Tôi đang cố gắng để $watch rộng yếu tố của tôi bên trong một chỉ thị:

appDrct.directive('setWidth', function($interval) { 
    return { 
     require: '?ngModel', 
     link: function($scope, $elm, attr, ngModel) { 

      $scope.$watch($elm.parent().width(), function() { 
       console.log('Width changed'); 
      }); 
     } 
    } 
}) 

Nhưng nó không hoạt động ... Tôi biết một thực tế rằng những thay đổi chiều rộng của tôi (tôi thử với $interval để hiển thị chiều rộng và nó thay đổi)

Answer 1

đây là cách bạn làm điều đó, bạn cần phải $watch các biểu hiện chức năng:

$scope.$watch(function() { 
     return $element[0].style.width; 
     }, function(newVal, oldVal) { 
     console.log('Width changed'); 
}); 

Fiddle