Build Your First Food Website Using ANGULAR - Part 7 - Adding Search Bar - Angular Part

In this tutorial, we gonna add the search bar for the search! 💻 Code Changes: https://bit.ly/32Wml8F 👨‍💻 GitHub: https://github.com/nasirjd/FoodMine 💡 Demo: http://foodmine.herokuapp.com​ 📞 Contact: [email protected] PARTS - Part 00: https://youtu.be/UIWK5_DrZ7w​ - Part 01: https://youtu.be/bKRP4Iteb78 - Part 02: https://youtu.be/tnZ6BjSKtug - Part 03: https://youtu.be/tnZ6BjSKtug - Part 04: https://youtu.be/Wh8T6aUyLhE - Part 05: https://youtu.be/WdlNk3AiKXc - Part 06: https://youtu.be/Fe45zkoBxE4 - Part 08: https://youtu.be/L2KoZgKQuPk - Part 09: Next Tuesday YOU WILL Learn - [x] Adding the search route into the **app-routing.module.ts** - [x] Using **ActivatedRoute** in Home component for listening to the **searchTerm** changes in the url - [x] Search component - [x] Generating Search Component - [x] Adding searchTerm property - [x] Adding search's text input and button into the template - [x] Using ActivatedRoute for showing the url's searchTerm inside the searchBox - [x] Adding The Search Component into the Home component's template file - [x] Search Function - [x] Creating the Search function - [x] One way binding problem - [x] How to fix it using two way binding in Angular - [x] Adding FormsModule - [x] using ngModel - [x] Using Router for putting the searchTerm into the url --- Contact me: 🔗 Website: https://codewithnasir.com​​ 🔗 Linkedin: https://www.linkedin.com/in/nasirjd​ 🔗 Github: https://github.com/nasirjd