Build Your First Food Website Using ANGULAR - Part 9 - Adding Tags Bar - Angular Part

In this video we gonna do the Angular part of adding the tag bar for showing the tags and Its functionality that is showing the foods based on the selected tag. 💻 Code Changes: https://bit.ly/3hqgi4z 👨‍💻 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 07: https://youtu.be/QFkyhB50zGw - Part 08: https://youtu.be/L2KoZgKQuPk - Part 09: https://youtu.be/tOesta80fVo - Part 10: Next Tuesday YOU WILL Learn - [x] Add the tag's route into the routes (inside app.routing.module.ts) - [x] Use the ActivatedRoute in Home component for listening to the tag's route changes inside the url - [x] Add getAllFoodsByTag() function inside the foods.service - [x] Create Tag model for holding the tag's name and count of foods with that tag name - [x] Add getAllTags function into the foods.service - [x] Tags component - [x] Generate - [x] Add the tags property - [x] Template file - [x] Adding div as the container of the tags with *ngIf for checking if the tags are available - [x] Adding a for with *ngFor - [x] (bonus) Move search filter from home.component into the food.service --- Contact me: 🔗 Website: https://codewithnasir.com​​ 🔗 Linkedin: https://www.linkedin.com/in/nasirjd​ 🔗 Github: https://github.com/nasirjd