Create Your Online Food Store Using Angular - Part 6 - Search Foods

In this video, we are going to add search functionality to the project.
Please share your feedback to make this better every day.

YOU WILL See
0:00 Intro
0:37 Road Map
0:45 Add method to food service
1:53 Add search route
4:03 Show search result in Home component
6:46 Generate search component
7:39 Add to home component
9:44 Add ts
9:47 Add html
11:31 Add css

Contact me:

[thishan]

Really appreciate this video series. Thank you so much <3

[JavierD]

Great video series, I'm learning a lot about Angular. One question: Is this an alternative method of using Output, emitter and subscribe? Or that functionality comes in an advanced video?

[maheshvlogger]

i have an error sir ERROR TypeError: Cannot read properties of undefined (reading 'navigateByUrl') when i was click button to search

[Silwiu]

I improved the code a little bit:
search(term: string): void {
if (term) {
this.router.navigate(['/search', term]);
} else {
this.router.navigate(['/']);
}
}

in this way to see all the items if we have empty string on the search input.

[CodeWithNasir]

Feel free to ask your questions here 🎯

[GregoryHouse]

perfect bro, can I ask at 5:45 why you don't like the params['searchTerm'] ? Is it just personal preference or do you have another reason? I like it because it's easier for me to identify that it comes from user input as I have some background in php

[ahmedbilal]

Nasir, is the backend (node.js and express) part yet to be released?

[gabrielfarias]

I don't get the #s reference, can you point the angular doc for that?

[anandshirole]

f you want to add description also how to do it as i have added description in data.ts but then i want that discription after seraching only not on home so hwo to do i

[quoctien]

tks sir. but i got the problem when i input text and press enter. the event seem dont occur. the page doesn't load again

[hoangkimcuong]

When i finish my code i got to click commit in source control to make it work, how can i make it automatically