Angular : Filter by Category on same component
1299
€15(approx. $16)
- Posted:
- Proposals: 2
- Remote
- #3004178
- Archived
Description
Experience Level: Entry
I need someone who feels comfortable with Angular for a very tiny task.
Here is the task :
I would like to filter my products by their category on the same component:
- On the left : the products
- On the right : the categories, (I called them "collections").
So that, whenever I click on one category, then it displays the products that are related to that category.
--
I also already have the API in a JSON file, and the products and their respective categories are linked like that :
artiles.json
{
"id": 1,
"title": "Title 01",
"description": "Lorem ipsum dolor sit amet",
"collections": [
{
"id": 1,
"name": "politic"
}
],
},
collections.json
{
"id": 1,
"name": "politic"
},
{
"id": 2,
"name": "culture"
}
---
Here is the task :
I would like to filter my products by their category on the same component:
- On the left : the products
- On the right : the categories, (I called them "collections").
So that, whenever I click on one category, then it displays the products that are related to that category.
--
I also already have the API in a JSON file, and the products and their respective categories are linked like that :
artiles.json
{
"id": 1,
"title": "Title 01",
"description": "Lorem ipsum dolor sit amet",
"collections": [
{
"id": 1,
"name": "politic"
}
],
},
collections.json
{
"id": 1,
"name": "politic"
},
{
"id": 2,
"name": "culture"
}
---
Final M.
100% (11)Projects Completed
8
Freelancers worked with
8
Projects awarded
40%
Last project
22 Sep 2020
France
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies