использовать переменную из метода jquery в контроллере angularJs

Question

Я пытаюсь получить $ scope.selectedIndicator вне метода при изменении, чтобы использовать его в угловом контроллере.

Любые идеи о том, как я мог получить $ scope.name? Комментарии к приведенной выше скрипке также приветствуются.

$scope.setSelectedIndicator = function() { 
      $('#indicatorSelect').on('change', function(){ 
       $scope.selectedIndicator=$('#indicatorSelect').chosen().val(); 
       var res = $scope.selectedIndicator.split("|"); 
       $scope.selectedIndicatorId=res[0]; 
       $scope.selectedIndicatorName=res[1]; 
       console.log($scope.selectedIndicatorName); 

       }); 
      $scope.name = $scope.selectedIndicatorName ; 
     }; 
     $scope.setSelectedIndicator(); 

Answer 1

На первом, вы можете просто использовать ng-change директиву угловых для этой цели. Лучше избегать jQuery внутри углового, а также для получения выбранного значения от indicatorSelect, jQuery не требуется. Вы можете сделать это с помощью самого углового элемента.

В любом случае, внутри обработчика событий JQuery change, вы должны использовать $scope.$apply(), чтобы внести изменения в selectedIndicatorName отражают в $scope.name.

Поскольку вы находитесь за пределами углового контекста, вам нужно запустить $scope.$apply(), чтобы изменения отражались.

Answer 2

$ предназначен для использования с angularJS. Вам нужно будет использовать jQuery вместо $. Вот ваша новая функция:

 jQuery('#indicatorSelect').on('change', function(){ 
      $scope.selectedIndicator = jQuery('#indicatorSelect').chosen().val(); 
      var res = $scope.selectedIndicator.split("|"); 
      $scope.selectedIndicatorId=res[0]; 
      $scope.selectedIndicatorName=res[1]; 
      console.log($scope.selectedIndicatorName); 

      }); 

Answer 3

$scope.setSelectedIndicator = function() { 
      $scope.selectedIndicatorName=''; 
      jQuery('#indicatorSelect').on('change', function(){ 
       $scope.selectedIndicator = jQuery('#indicatorSelect').chosen().val(); 
       var res = $scope.selectedIndicator.split("|"); 
       $scope.Id=res[0]; 
       $scope.Name=res[1]; 
       $scope.$apply(function() { 
        $scope.selectedIndicatorName = $scope.Name; 
       }); 
       console.log($scope.selectedIndicatorName); 

      });