Question

我对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>

非常感谢任何帮助！

Answer 1

您可以使用 ngModelOptions

<input type="text" class="form-control" placeholder="start typing and hit enter" ng-model="query" ng-model-options="{updateOn : 'change blur'}">

使用Angular在Enter上调用查询过滤器

1 个答案: