angularjs - ng-repeat 过滤器在隐藏搜索文本字段后重置

Question

我有一个搜索类型文本字段，用作 ng-repeat 列表的过滤器。

<div class="search pull-right">
    <div class="magnify"><img src="img/magnify.png" ng-click="magnify()"></div>
</div>
<div class="search-box" ng-show="showSearch">
    <input type="search" id="searchField" name="" value="" placeholder="Search" class="textfield" ng-model="search.firstName" /> 
</div>

一旦我隐藏搜索字段，结果就会卡住并且不会重置，

在作用域定义的放大函数中，我将 showSearch 设置为 true/false

我尝试过但没有成功的事情。

document.getElementById("searchField").value = "";
$scope.search.firstName='';

和我的模板

<li class="table-view-cell attendee" ng-repeat="attendee in attendees | filter:search">
    <h2 class="name">{{attendee.firstName}} {{attendee.lastName}}</h2>
    <span class="job">{{attendee.title}}</span>
    <span class="company">{{attendee.company}}</span>
</li>

Answer 1

由于您使用过滤器“对象”作为条件(请参阅 https://docs.angularjs.org/api/ng/filter/filter )，Angular 将尝试将 attendee 的属性与 search 的属性进行匹配。为了重置过滤器，您需要执行以下操作

$scope.search = {};