title: change event in angularJS
body: <p>I have a very simple app:</p>
  
  <pre><code>app = angular.module("GetTravelTime", ["ngResource"])
  
  
  app.config ($routeProvider) -&gt;
    $routeProvider.when("/",
      {
        templateUrl: "assets/pages/partials/home_controls.html"
        controller: HomeCtrl
      }
    )
  
  @HomeCtrl = ($scope) -&gt;
    $scope.data = {
      address: ""
    }
  
    $scope.change = (event) -&gt;
      console.log $scope.data.address
  </code></pre>
  
  <p>home_controls.html</p>
  
  <pre><code>&lt;section class="controls" ng-controller="HomeCtrl"&gt;
  &lt;input type="text" placeholder="Location name or Post Code" ng-model="data.address" ng-change="change()"/&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>What I am trying to do is when the input field is changed I want to trigger an event but only when the user has finished typing. At the moment each keystroke triggers the change event. I would like it so when they have finished typing it then triggers the event.</p>
  
  <p>In jquery I would do something like click out of the box. Is there a neat way to do this in angular?</p>