AngularJS beobachten können nicht Eingangsbereich ng-Modell ändert

Question

Habe meine Richtlinie, wie die

<input type="range" min="10" max="100" ng-model="svgConfig.textConfig.fontSize" /> 

In meinem Controller ich wie

$scope.svgConfig = { 
    text:'', 
    textConfig: { 
     fontSize: 20 
    }, 
    rectConfig: [] 
}; 

Der Versuch, Änderungen Objekt bekam erkennen hier, um in Verbindung zu fangen Richtlinie, aber nichts passiert.

var setDomBindings = function($scope, $element, $attrs){ 

    $scope.$watch('svgConfig.textConfig.fontSize', function() { 
     var domText = $element.find('text'), 
      textExample = domText.last()[0], 
      dataText = $scope.svgConfig.text; 

     debugger; //haven't even been reached! 

     if($.isEmptyObject(textExample) && domText.length === 0 && dataText === 0){ 
      $scope.clearSvgRectConfig(); 
      return; 
     } 

     $scope.setSvgRectConfig(textExample, domText.length); 
    }); 
}; 

/* 
* Retruns initialized DOM element 
*/ 
return { 
    restrict: 'E', 
    templateUrl: './app/shared/imageTextEditor/imageTxtSvgView.html', 
    controller: 'imageTxtSvgController', 
    transclude: true, 
    link: setDomBindings 
}; 

Answer 1

Beachten Sie, dass diese Funktion keine Elemente nach Tagname/CSS-Selektor findet. Für Nachschlagevorgänge nach Tag-Namen versuchen Sie stattdessen angle.element (Dokument) .find (...) oder $ document.find() oder verwenden Sie die Standard-DOM-APIs, z. document.querySelectorAll() Sie haben Zugriff auf die Implementierungen children(), contents() und data(), sodass Sie normalerweise einen Weg finden können.