Javascript 使用Angular在Enter时调用查询过滤器

我对AngularJS比较陌生，我正在尝试构建一个简单的威士忌搜索应用程序。Angular可以轻松地绑定输入元素和我的结果，但结果会随着用户键入而过滤。我不希望在用户点击Enter之前进行筛选

以下是我的输入搜索代码：

<input type="text" class="form-control" placeholder="start typing and hit enter" ng-model="query">

以下是我的结果：

<div class="col-lg-12" ng-controller="WhiskeyListCtrl">
        <div class="row">
            <div class="col-sm-3" ng-repeat="whiskey in whiskeys | filter:query">
                <div class="whiskey-container"> 
                    <a href="#/whiskeys/{{whiskey.id}}"><img ng-src="{{whiskey.images[0]}}" height="200" width="200"/></a>
                    <whiskey-title></whiskey-title>
                    <whiskey-desc></whiskey-desc>
                </div>
            </div>
        </div>
    </div>

任何帮助都将不胜感激

您可以使用ngModelOptions

这对您有帮助吗

请按用户名查看此项：

另一个简单的选择：

<input ng-model="edItem" type="text" 
    ng-keypress="($event.which === 13)?foo(edItem):0"/>

<input ng-model="edItem" type="text" ui-keypress="{'enter':'foo(edItem)'}"/>

和ng ui替代方案：

<input ng-model="edItem" type="text" 
    ng-keypress="($event.which === 13)?foo(edItem):0"/>

<input ng-model="edItem" type="text" ui-keypress="{'enter':'foo(edItem)'}"/>

欢迎您，但您不能在此处说谢谢。您必须单击我答案上的勾号才能接受。我知道，我只是在等待，因为它不允许我这么快接受答案。再次感谢。