用ng-options进行ng-change witing select不起作用

Question

I have this code

<select  ng-model="trabajadores.orderSelected"  ng-options="excel for excel in trabajadores.csv.result[1]" ng-change="console.log('changed')">
                        </select>

It suppose to console.log("changed") on selection changes, but it does not :(. Can you please help me with this issue?. (ng-options is working properly and ng-model is been evaluated)

Answer 1

If during development you want to use the output in the console of the view many times, it is not convenient to write under each time this function.

It is best to proceed as follows. Use the built-in angular directive $log .

Live example on jsfidlle .

 var app = angular.module('my-app', [], function() {}).run(function($rootScope,$log){ $rootScope.$log = $log; }); app.controller('AppController', function($scope) { $scope.trabajadores = { csv: { result: [0, ['e1', 'e2']] } }; }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="my-app"> <div ng-controller="AppController"> <select ng-model="trabajadores.orderSelected" ng-options="excel for excel in trabajadores.csv.result[1]" ng-change="$log.log('changed '+ trabajadores.orderSelected)"> </select> </div> </div> 

Of course, you can not leave this production code. But for debug mode it can be fully used.

With this you can use the $log in any controller without any additional work.