ngオプションでng-changeが動作しない

Question

これは私の角度コードで、changeFilterOption(filter)関数でオブジェクトを受け取る必要があります。このオブジェクトはng-optionでループしています。しかし、それは動作しません;返信undefines。

<select ng-change="changeFilterOption(filter)" class="js-example-basic-single form-control" ng-model="attribute[' + countInc + '].name" ng-options="filter.name as filter.uiName for filter in filters"></select> 

$scope.changeFilterOption=function(filter){ 
    console.log(filter);//undefined 
}; 

Answer 1

をこれはあなたが従う必要がある方法ではありません。このようにしてみてください。

<select ng-change="changeFilterOption(attribute[' + countInc + '].name)" ng-model="attribute[' + countInc + '].name" ng-options="filter.name as filter.uiName for filter in filters"> 

ここ

は、selectの値はchangeFilterOption(filter)filter内のパラメータに渡されるdemo

です。

そして、あなたはchangeFilterOption(filter)へfilterオブジェクトを渡すために探している場合、あなたは以下のようにselectを変更する必要があり、

<select ng-change="changeFilterOption(attribute[' + countInc + '].name)" ng-model="attribute[' + countInc + '].name" ng-options="filter as filter.uiName for filter in filters"> 

これはselect値としてfilterを選択して、オプションのテキストとしてfilter.uiNameが表示されます。ここ

DEMO

Answer 2

変更のためのあなたができるだけでwatchあなた*.jsファイルでこの

 <select ng-change="changeFilterOption(filter)" class="js-example-basic-single form-control" ng-model="attribute[' + countInc + '].name" ng-options="filter as filter.uiName for filter in filters"></select> 

      $scope.changeFilterOption=function(filter){ 
        console.log(filter);//undefined 
      }; 

Answer 3

てみてください - あなたはchangeFilterOption関数に選択された値を渡す必要がある場合はその後、

$scope.$watch('your-model-name', function (newValue, oldValue){ 
    //newVal is the changed value 
});