ng-модель не обновляется при изменении ng-параметров AngularJS

Question

Мой optionType не обновляется, когда я изменяю значение в раскрывающемся списке.

<select ng-model="optionType" ng-options="op.option for op in ops" ng-change="optionChanged()"></select> 

Я использую ng-change, чтобы проверить изменение стоимости. Я положил точку останова в верхней части optionChanged() и увидел, что значение optionType не изменяется при вызове функции.

.controller('uploadCtrl', function($scope) { 
    $scope.ops = [ 
     { option: "Report" }, 
     { option: "Support" }, 
     { option: "Learn" } 
    ] ; 

    $scope.optionType = $scope.ops[0]; 

    $scope.optionChanged = function() { 

    }; 
}) 

Answer 1

Try следующий будет печататься выбранное значение в консоли

$scope.optionChanged = function() 
{ 
    console.log($scope.optionType.option); 
}; 

Answer 2

Попробуйте использовать ng-selected:

HTML

<select ng-model="optionType" ng-options="op.option for op in ops" ng-selected="optionSelected(optionType)"></select> 

JS

.controller('uploadCtrl', function($scope) { 
    $scope.ops = [ 
     { option: "Report" }, 
     { option: "Support" }, 
     { option: "Learn" } 
    ] ; 

    $scope.optionType = $scope.ops[0]; 

    $scope.optionSelected = function(option) { 
      $scope.optionType = option; 
      //if the above doesn't work, tell me your console values 
      console.log($scope.optionType); //or 
      alert($scope.optionType); 
    }; 
}) 

Answer 3

Я считаю, что это проблема с объемом. Либо связываться с $ родителем, как это: ng-model="$parent.optionType", или поместить переменную в пределах объекта:

JS:

$scope.option = { optionType: $scope.ops[0] }; 

HTML:

<select ng-model="option.optionType" ng-options="op.option for op in ops" ng-change="optionChanged()"></select> 

Источник: https://github.com/angular/angular.js/wiki/Understanding-Scopes