小编mof*_*tty的帖子

如何在AngularJS ng-repeat中的多个字段上进行过滤

我正在使用AngularJS中的查询过滤器创建一个搜索网站.我找到了很多关于如何在一个字段中实现此搜索的教程,但没有一个解释如何在多个字段中进行搜索.因此,如果您的数据有firstName:"John",lastName:"Smith"我希望能够在我的搜索栏中输入"John Smith",并找到正确的结果,但只有"John"或"史密斯"有效.

<div ng-include="'partials/navbar.html'"></div>
<div class="container" ng-controller="ResListCtrl">
    <div class="row">
        <div class="col-md-2">
            Search: <input ng-model="query">
        </div>
    </div>
    <hr>
    <div class="row">
        <div class="col-md-10">
            <ul ng-repeat="reservation in reservations | filter:query">
                <li><a href="#">{{reservation.firstName}} {{reservation.lastName}}</a></li>
                <p>{{reservation.resort}}</p>
            </ul>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

filter angularjs angularjs-filter

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

angularjs ×1

angularjs-filter ×1

filter ×1