title: Getting value of ng-change field in my angularjs controller
body: <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>