title: Invoke query filter on Enter using Angular
body: <p>I'm relatively new to AngularJS, and I'm attempting to build a simple Whiskey search application. Angular makes it easy to bind an input element and my results, but the results filter as the user is typing. I don't want the filter to happen until the user hits Enter. </p>
  
  <p>Here is my code for the input search:</p>
  
  <pre><code>&lt;input type="text" class="form-control" placeholder="start typing and hit enter" ng-model="query"&gt;
  </code></pre>
  
  <p>And here is my results:</p>
  
  <pre><code>&lt;div class="col-lg-12" ng-controller="WhiskeyListCtrl"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-sm-3" ng-repeat="whiskey in whiskeys | filter:query"&gt;
                  &lt;div class="whiskey-container"&gt; 
                      &lt;a href="#/whiskeys/{{whiskey.id}}"&gt;&lt;img ng-src="{{whiskey.images[0]}}" height="200" width="200"/&gt;&lt;/a&gt;
                      &lt;whiskey-title&gt;&lt;/whiskey-title&gt;
                      &lt;whiskey-desc&gt;&lt;/whiskey-desc&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>