javascript – Pesquisar somente quando clicar no botão

Estou tentando fazer um sistema de pesquisa avançada com AngularJS, porém estou com um problema na hora de finalizar a pesquisa.
O código é esse:

 <div ng-init="friends = [{name:'John', phone:'555-1276'},
                     {name:'Mary', phone:'800-BIG-MARY'},
                     {name:'Mike', phone:'555-4321'},
                     {name:'Adam', phone:'555-5678'},
                     {name:'Julie', phone:'555-8765'},
                     {name:'Juliette', phone:'555-5678'}]"></div>
 <hr>
 <label>Name only <input ng-model="search.name"></label><br>
 <label>Phone only <input ng-model="search.phone"></label><br>
 <button>Pesquisar</button>

 <table id="searchObjResults">
   <tr><th>Name</th><th>Phone</th></tr>
   <tr ng-repeat="friendObj in friends | filter:search:strict">
   <td>{{friendObj.name}}</td>
   <td>{{friendObj.phone}}</td>
   </tr>
 </table>

No plunker: plnkr.co

Porém, nesse código conforme tu vai pesquisando o resultado vai aparecendo e eu quero que só apareça quando o usuário clicar no botão pesquisar, como que eu faço isso?