Angular 16: Working with Components

Angular 16    |    Beginner
  • 9 videos | 43m 10s
  • Earns a Badge
Angular components are the basic building blocks of Angular applications that control views. They are essentially classes that interact with the HTML files of the application, managing its data and behavior. In this course, learn how to work with components, including passing data from a component to the template and calling a component function from the template. Next, explore nested components, the parent-child component structure, and how to build nested components using @Input and @Output decorators. Finally, discover how to use the @ViewChild decorator to access a child component and gain access to a component. After completing this course, you will be able to use nested components within your application and pass data from a class to a template and between parent and child components.

WHAT YOU WILL LEARN

  • Discover the key concepts in this course
    Pass data from a component to the template
    Call a component function from the template
    Outline nested components and the parent-child component structure
    Use the @input keyword and pass data to a child component
  • Use the @output keyword, pass events from a child component to a parent component, and update properties of a parent component using a child component
    Recognize how the @viewchild decorator can be used to access a child component and all its features
    Gain access to a component via @viewchild
    Summarize the key concepts in this course

IN THIS COURSE

  • 34s
    In this video, we will discover the key concepts in this course. FREE ACCESS
  • 5m 7s
    During this video, discover how to pass data from a component to the template. FREE ACCESS
  • Locked
    3.  Reacting to Template Events
    6m
    Learn how to call a component function from the template. FREE ACCESS
  • Locked
    4.  Build a Nested Component
    3m 47s
    After completing this video, you will be able to outline nested components and the parent-child component structure. FREE ACCESS
  • Locked
    5.  Passing Data to Nested Component Using @Input
    5m 47s
    In this video, find out how to use the @Input keyword and pass data to a child component. FREE ACCESS
  • Locked
    6.  Moving Data from Nested Component Using @Output
    6m 59s
    Discover how to use the @Output keyword, pass events from a child component to a parent component, and update properties of a parent component using a child component. FREE ACCESS
  • Locked
    7.  Referencing a Component
    4m 6s
    Upon completion of this video, you will be able to recognize how the @ViewChild decorator can be used to access a child component and all its features. FREE ACCESS
  • Locked
    8.  Implement the @ViewChild Component
    8m
    Learn how to gain access to a component via @ViewChild. FREE ACCESS
  • Locked
    9.  Course Summary
    2m 51s
    In this video, we will summarize the key concepts in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Book Getting Started with Angular: Create and Deploy Angular Applications
Course Angular 11: Working With Angular Modules
Rating 4.6 of 198 users Rating 4.6 of 198 users (198)
Channel Learn Angular