Getting value of ng-change field in my angularjs controller
<p>I have this line in my view:</p>

<pre><code>&lt;input placeholder="Search" type="text" ng-change="searchChange()" ng-model="mySearch" ng-model-options="{debounce: 1000}"&gt;
</code></pre>

<p>And then inside my controller I have:</p>

<pre><code>angular.module('app.controllers', [])

.controller('listViewCtrl', ['$scope', '$stateParams', '$http',
function ($scope, $stateParams, $http) {

    $http.get('http://www.domain.co.uk/api/search.php').
        then(function(response) {
            $scope.food = response.data;
        });

    $scope.searchChange = function() {
        console.log($scope.mySearch);   
    };         

}])
</code></pre>

<p>But this is giving me "undefined". </p>

<p>How can I reference the value of the mySearch input field in my controller?</p>