AngularJS搜索按鈕點擊

Question

我有一個表單，我希望用戶能夠以搜索條件輸入到文本框中，然後單擊按鈕以搜索列表。用ng-repeat和點擊按鈕可以做到這樣嗎？我對Angular非常陌生，我不確定我是否可以將它用於這種類型的功能。我的代碼一點點：

HTML

<div>  
<input ng-model="filterSearch.address" /> 
<input ng-model="filterSearch.city" /> 
<button ng-click="">Search</button>  
<table> 
    <thead> 
     <tr> 
      <th> 
       Address 
      </th> 
      <th> 
       City 
      </th> 
     </tr>    
    </thead> 
    <tbody>    
     <tr ng-repeat="search in vm.searches | filter: filterSearch"> 
      <td> 
       {{ search.address }} 
      </td> 
      <td> 
       {{ search.city }} 
      </td> 
     </tr> 
    </tbody> 
</table> 

控制器：

(function() { 
'use strict' 
angular 
    .module('crm.ma') 
    .controller('AdvancedSearchCtrl', AdvancedSearchCtrl); 

function AdvancedSearchCtrl() { 
    var vm = this; 
    vm.searches = [ 
       { 
        "address": "202 This St", 
        "city": "Columbus" 
       }, 
       { 
        "address": "205 That St", 
        "city": "Dayton" 
       } 

    ]; 


} 
})(); 

如果任何人都可以點我這將是偉大正確的方向。謝謝。

更新代碼：

<div>  
<input ng-model="searchModel.address" /> 
<input ng-model="searchModel.city" /> 
<button ng-click="filterSearch = searchModel">Search</button>  
<table> 
    <thead> 
     <tr> 
      <th> 
       Address 
      </th> 
      <th> 
       City 
      </th> 
     </tr>    
    </thead> 
    <tbody>    
     <tr ng-repeat="search in vm.searches | filter:{'address': filterSearch.address, 'city': filterSearch.city}"> 
      <td> 
       {{ search.address }} 
      </td> 
      <td> 
       {{ search.city }} 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

您可以指定字段進行搜索像：

<tr ng-repeat="search in vm.searches | filter:{'address': filterSearch.address, 'city': filterSearch.city"> 
     <td> 
      {{ search.address }} 
     </td> 
     <td> 
      {{ search.city }} 
     </td> 
    </tr> 

如果你需要上點擊觸發搜索，你可以使用類似的東西：

ng-click="filterSearch = searchModel" 

並更改您的輸入以使用searchModel變量。