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
  • НаукаНаука

Комментарии • 6

  • @codeme8016
    @codeme8016 Месяц назад +2

    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

    • @AyyazTech
      @AyyazTech  Месяц назад

      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! 🚀

  • @AAJohnsonCODES-SKILLS
    @AAJohnsonCODES-SKILLS Месяц назад +1

    nice one!

    • @AyyazTech
      @AyyazTech  Месяц назад

      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! 👍🔔

  • @AAJohnsonCODES-SKILLS
    @AAJohnsonCODES-SKILLS Месяц назад +1

    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.

    • @AyyazTech
      @AyyazTech  25 дней назад

      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! 🚀