使用angularJS將變量傳遞到標準篩選器

Question

因此，我正在嘗試創建一個與HTML中的內置角度篩選器的工作方式相同的篩選器，但需要使用變量而不是特定值。

E.g.在我的HTML文件，我有這樣的事情：

<tr ng-repeat = "item in Items | filter:{function:'1300'}"> 
    <td>[[item.name]]</td> 
</tr> 

，但我希望能夠在一個變量來傳遞，而不是「1300」，其價值當在用戶點擊按鈕（按鈕鏈接到定義具體值）。

我試圖重新創建一個filter.js文件中的內置過濾函數，並在我的控制器中調用它無濟於事。

任何幫助，將不勝感激！

Answer 1

你可以做這樣的事情jsBin：

<tr ng-repeat = "item in Items | filter:{function:theFilter}"> 
    <td>{{item.name}}</td> 
</tr> 

，有你的按鈕是這樣的：

<button ng-click="setFilter(1300)">1300</button> 
<button ng-click="setFilter(1400)">1400</button> 
<button ng-click="setFilter(1200)">1200</button> 

而且你的控制器的方法是這樣的：

$scope.setFilter = function(filter) { 
    $scope.theFilter = filter; 
}