AngularJS смотреть не может обнаружить входной диапазон нг-модель изменения

Question

получил свою директиву, как этого

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

В моем контроллере я получил объект как

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

Пытаясь поймать изменения здесь, в ссылке на директивы, но ничего не происходит.

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

Имейте в виду, что эта функция не найдет элементы по имени тегов/CSS-селектора. Для поиска по имени тега попробуйте вместо этого использовать метод angle.element (document) .find (...) или $ document.find() или использовать стандартные API DOM, например. document.querySelectorAll() У вас есть доступ к реализациям children(), contents() и data(), так что вы обычно можете найти способ обойти его.