Filter Data in AngularJs Using Dropdown list value

Question

I want to implement filtering in angularJs.I searched from googling but not found any ways in which i want.

when controller is load i get data from my web service call. Now i have 3 dropdowns like Status,Company,Area. Now , i want to do that if i select any status from dropdown the table data which is bind on load will filter based on that status and same as other two dropdowns.

So, how can i achieve this.

Partha Sarathi Ghosh · Accepted Answer · 2016-02-16 11:24:54Z

0

Try

ng-repeat="x in list | filter:{status:selectedStatus, company:selectedCompany}"

Where selectedStatus and seletedCompany are dropdown ng-model name.

Keep in mind status and company should be a property of all data.

answered Feb 16, 2016 at 11:24

Partha Sarathi Ghosh

11.7k22 gold badges64 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Mitesh Machhi Over a year ago

if there is no record found then when i want to display No data found message

Partha Sarathi Ghosh Over a year ago

google.co.in/url?sa=t&source=web&rct=j&url=http://…

Mitesh Machhi Over a year ago

i have my ng-repeat like ng-repeat="accident in current_accident | filter : {IsActive : status, RegionId : user.ClientRegion , ClientName : user.Company} " but No Record Found does not work for me. i used like <div ng-show="!accident.length">There is no Accidents Found.</div>. so, what i am doing wrong in this ?

Mitesh Machhi Over a year ago

i have fixed it. but one problem is i used Footable pagination and if i filter the data the pagination is not work. if data found from 5 page and total records found from filter is 5 then total 5 pagination pages display even if total page size is 10.

Partha Sarathi Ghosh Over a year ago

This ia another problem. Post new question.

Collectives™ on Stack Overflow

Filter Data in AngularJs Using Dropdown list value

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related