i want to use $watch for the ng-model in input, DOESNT WORK

i want to use $watch for the ng-model in input, so that once ng-model gets changed, I can use that to move my map around?

// when autolocation search changes
$scope.$watch('autolocation', function(){
    console.log("changed location!");
})

<input type="text" g-places-autocomplete ng-model="autolocation" options="autocompleteOptions" class="map-controls" placeholder="Search Location"/>

[Diones]

try:

controller:

$scope.autolocation = { 
     model: null
}

$scope.$watch('autolocation.model', function(newValue, oldValue){
       console.log(angular.toJson(newValue, true));
       console.log("changed location!");
});

html:

<input type="search" g-places-autocomplete ng-model="autolocation.model">

But it will trigger on each change made on search input.

If you want to receive when a new location is selected, you could use:

$scope.$on('g-places-autocomplete:select', function(event, place) {
            $log.warn('new location: ' + JSON.stringify(place))
});

[amitpatil321]

@Diones Both of your solutions worked great, for the first solution i had to make small correction like below if(typeof newValue == "object"){ this will prevent trigger on each change made on search input