angularjs - ng-repeat filter to reset after I hide the search textfield -

angularjs - ng-repeat filter to reset after I hide the search textfield -

i've search type textfield serving filter ng-repeat list.

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

once hide search field, results stucked , not getting reset,

in magnify function defined on scope i'm setting showsearch true/false

things i've tried without success.

document.getelementbyid("searchfield").value = ""; $scope.search.firstname='';

and template

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

since using filter "object" criteria (see https://docs.angularjs.org/api/ng/filter/filter), angular seek match attendee's properties against properties of search. in order reset filter, need do

$scope.search = {};

angularjs