How to call function of another component in Angular 17+?
HTML-код
- Опубликовано: 3 июл 2024
- Visit Blog Article: www.ayyaztech.com/blog/how-to...
Above URL is the written version of this tutorial. Source code is also provided in above article.
In this video, I demonstrated two methods on how to call a function of another component in Angular 17+. The first method involves accessing a function from a child component and the second method uses a service to access a function from a sibling component.
=====================
Chapters:
=====================
00:00:00 Introduction
00:03:12 Setting up child component example
00:05:33 Accessing child component function
00:08:23 Setting up sibling components example
00:10:43 Using service to access function in sibling component
00:11:15 Conclusion
#Angular17+ #ComponentFunction #ServiceUsage
=====================
Related Videos:
=====================
🔧 How to pass data to sibling component in Angular 17?: • How to pass data to si...
📱 How to validate phone number in Angular 17?: • How to validate phone ...
🔑 How to use JWT token in Angular 17: • how to use JWT token i...
🎞️ How to play video in Angular 17?: • How to play video in A...
📄 How to generate PDF in Angular 17?: • How to generate PDF in...
🎨 How to customize Angular material theme | Angular 17?: • How to customize Angul...
🌐 How to use RapidAPI in Angular 17?: • How to use RapidAPI in...
🌟 How to add Star Rating in Angular 17?: • How to add Star Rating...
⭐ How to add color picker in Angular 17?: • How to add color picke...
🔗 How to Add RouterLink to Button in Angular 17?: • How to Add RouterLink ...
=====================
To read written versions of AyyazTech tutorials, please visit AyyazTech.com
=============
If you want more content like this then please subscribe to my channel and click on the bell icon to get all of the notifications.
/ @ayyaztech Наука
Perfect. Great to see you as well. If the vscode would be full screen it'd be even much better to see the code on the phone as I'm doing right now. Thanks
Thank you for the feedback! 😊 I'm glad you enjoyed the video. I'll definitely consider making the VS Code full screen in future videos to improve visibility, especially for viewers on mobile devices.
In the meantime, here are a few more videos you might find helpful for your Angular projects:
How to Validate Checkbox Selection in Angular 17?
ruclips.net/video/9n-eURu-P0s/видео.html
How to Use Bootstrap Modal in Angular 17?
ruclips.net/video/kjQCa47t8wU/видео.html
How to Create REST API in Node.js?
ruclips.net/video/X-z2WMKG0Xs/видео.html
Also, check out these blog posts for more insights:
How to Validate Checkbox Selection in Angular 17 Using Standalone Components
www.ayyaztech.com/blog/how-to-validate-checkbox-selection-in-angular-17-using-standalone-components
How to Call a Function from Another Component in Angular 17 (written version of this tutorial)
www.ayyaztech.com/blog/how-to-call-a-function-from-another-component-in-angular-17
Don't forget to subscribe to the channel, like, share, and click the bell icon for notifications! 🔔
Happy coding! 🚀
nice one!
Thank you! I'm glad you enjoyed the video! 🎉
If you're looking for more related content, you might find these videos helpful:
- How to validate checkbox selection in Angular 17?
ruclips.net/video/9n-eURu-P0s/видео.html
- How to validate radio button selection in Angular 17?
ruclips.net/video/GRxBDG6clF0/видео.html
- How to use Bootstrap modal in Angular 17?
ruclips.net/video/kjQCa47t8wU/видео.html
For a more in-depth read, check out this blog post:
- How to call a function from another component in Angular 17
www.ayyaztech.com/blog/how-to-call-a-function-from-another-component-in-angular-17
Don't forget to like, share, and subscribe for more tutorials! 👍🔔
I would like you to make a video in how to submit data using select or check button. I am still find it difficult to do this because i am completely new in angular programming language.
Thank you for your suggestion! I'll definitely make a video on how to submit data using select or check buttons in Angular. Stay tuned and click the bell icon to get notifications for new videos! 🔔😊
In the meantime, you might find these videos helpful:
How to Validate Checkbox Selection in Angular 17?
ruclips.net/video/9n-eURu-P0s/видео.html
How to Validate Radio Button Selection in Angular 17?
ruclips.net/video/GRxBDG6clF0/видео.html
Additionally, check out these related articles on our blog:
How to Validate Checkbox Selection in Angular 17 Using Standalone Components
www.ayyaztech.com/blog/how-to-validate-checkbox-selection-in-angular-17-using-standalone-components
How to Call a Function from Another Component in Angular 17
www.ayyaztech.com/blog/how-to-call-a-function-from-another-component-in-angular-17
Don't forget to subscribe, like, and share! 🚀