how to filter table data using angularJS filter from a selection value

Question

I have a table with a column of Status, and I want to filter the table base on their status and I have put on the selection element to do so. here is my code below for the selection

<select class="form-control" ng-model="OrdinanceStatus"> <option value="">Select your option</option> <option value="1">Open</option> <option value="3">Amended</option> <option value="2">Due for amendment</option> </select> 

and here is the table, Im thinking of ng-change but I dont know yet how to execute that

<div> <table class="table table-bordered" id="headerTableRevenue"> <thead> <tr> <td>LGU</td> <td>Title</td> <td>Status</td> </tr> </thead> <tbody> <tr ng-repeat="a in OrdinanceReport | filter:{Status: OrdinanceStatus.Value}:true"> <td>{{a.LGU}}</td> <td>{{a.OrdinanceTitle}}</td> <td>{{a.Status}}</td> </tr> </tbody> </table> </div> 

I tried putting this filter syntax inside the ng-repeat but its not working as expected of me.

filter:{Status: OrdinanceStatus.Value}:true 

Answer 1

Try to update your filter expression to below

filter:{ Status: OrdinanceStatus }:true 

Refer Plunker: https://plnkr.co/edit/zLh6dHY6cvipiBbw