Apply filter based on select list - Angular JS

Question

Array 1: Categories -> Category_Name, Category_Id

Array 2: Items -> Item_name ... etc , Category_Belonging_Id

I need to filter shown items based on selected category.

<div class="list>
    <select>
       <option ng-repeat="category in categories" ng-model="category_type">
          {{category.Category_Name}}
       </option>
    </select>

<a ng-repeat="item in items | filter: // What should I put here?" href="#">

...

</a>

</div>

can you share this issue on jfiddle

vineet
– vineet

2016-03-28 08:42:56 +00:00
Commented Mar 28, 2016 at 8:42 — vineet
– vineet, Commented Mar 28, 2016 at 8:42

Sanjay Nishad · Accepted Answer · 2016-03-28 09:18:08Z

1

first of all you should use ng-option instead of ng-repeat like

<select ng-model="category_type" ng-options="category.Category_Name for category in categories"></select>

and use filter like

filter:{Category_Belonging_Id:category_type.Category_Id }

see demo here

answered Mar 28, 2016 at 9:18

Sanjay Nishad

1,62515 silver badges29 bronze badges

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

Comments

asdf_enel_hak · Accepted Answer · 2016-03-28 08:34:50Z

1

Assuming you have:

Catergory = {
id 
name
}

and

MeatType{
    id
    catergoryId
    name
    }

You can do something like

<a ng-repeat="item in meatTypes | filter: {categoryId : catergory_type.id}" href="#">

answered Mar 28, 2016 at 8:34

asdf_enel_hak

7,6585 gold badges47 silver badges91 bronze badges

1 Comment

korteee Over a year ago

Sorry for misunderstanding the MeatTypes refers to Items.. I've edited my question. You say category_type.id but I assume you mean category_type.Category_Id. Right ??

Thomas Bormans · Accepted Answer · 2016-03-28 12:04:50Z

0

Try this

<a ng-repeat="item in meatTypes | filter: {Category_Belonging_Id:category_type.Category_Id }"   href="#">

edited Mar 28, 2016 at 12:04

Thomas Bormans

5,4127 gold badges37 silver badges51 bronze badges

answered Mar 28, 2016 at 9:08

Hassan Tariq

7407 silver badges15 bronze badges

Collectives™ on Stack Overflow

Apply filter based on select list - Angular JS

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related