AngularJS/jQuery: zmiana tekstu w zakresie nie powoduje zmiany rozmiaru zdarzenia

Question

Mam problem z pobieraniem zdarzeniajQuery na span, po zmianie tekstu wewnątrz przęsła.

mam stosowaniu obsługi zdarzeń do elementu span stosując angularjs dyrektywy:

angular.module("test.directives", []) 
    .directive("trackSize", ["$parse", function($parse) { 
     return function(scope, element, attrs) { 
      function callback() { 
       var size = { w: element.width(), h: element.height() }; 
       scope[attrs.trackSize].call(scope, size); 
      } 
      element.on("resize", function() { 
       console.log("resize"); 
       scope.$apply(callback); 
      }); 
      callback(); 
     }; 
    }]); 

ale nie widzę ogień oddzwonienia, gdy tekst wewnątrz span zmian. Jeśli jest to istotne: tekst jest zmieniany za pomocą wbudowanego wyrażenia AngularJS.

Moja rzeczywista (pełne) Fragment kodu może być postrzegane na jsFiddle w: http://jsfiddle.net/KkctU/13/

Answer 1

Zdarzenie zmiany rozmiaru nie jest przeznaczona dla elementów wewnątrz dokumentu jak rozpiętości. Jest przeznaczony do użytku tylko w oknie.

Here is a plugin that might help you. Nie użyłem tego, ale wygląda na to, że jest dla ciebie odpowiedni.

W końcu może być lepiej/łatwiej ustawić zegarek w dyrektywie, niezależnie od tego, co jest z nim związane, a następnie sprawdzić, czy wysokość i szerokość uległy zmianie po zmianie tekstu. Pomysł:

app.directive('trackSize', function() { 
    return function(scope, element, attrs) { 
     var w = element.width(), 
      h = element.height(); 
     scope.$watch(attrs.trackSize, function(v) { 
      element.text(v); 
      var w2 = element.width(), 
       h2 = element.height(); 
      if(w != w2 || h != h2) { 
       //TODO: do something here, the size has changed. 
      }   
     }); 
    } 
});