Angular Component Communication

By Deborah Kurata
For real-world Angular applications, you need effective solutions for tracking and sharing state and sending notifications between components. This course teaches you numerous communication techniques and, more importantly, which to use when.
Play course overview
Course info
Rating
(235)
Level
Intermediate
Updated
Jan 30, 2018
Duration
3h 40m
Table of contents
Course Overview
Course Overview 1m
Introduction
Introduction 3m Get the Most from This Course 3m Sample Application 2m Course Outline 1m
Communicating with a Template
Introduction 1m Binding and Structural Directives 6m Notifying the Component of User Changes 1m Two-way Binding, the Long Way 4m Getters and Setters 5m Guidelines and Summary 3m
ViewChild and ViewChildren
Introduction 2m ViewChild 2m Demo: ViewChild and Accessing the Native Html Element 6m ViewChildren 4m ViewChild and Angular Forms 4m Demo: ViewChild and Angular Forms 5m ViewChild and ngIf 6m Guidelines and Summary 4m
Communicating with a Child Component
Introduction 3m Building Child Components 7m Parent to Child Communication 2m Input Property 6m Watching for Changes 5m Template Reference Variable 2m ViewChild Decorator 5m Guidelines and Summary 4m
Communicating with a Parent Component
Introduction 1m Child to Parent 2m Output Property 6m Guidelines and Summary 1m
Communicating Through a Service
Introduction 2m Managing State 3m Component to Itself 3m Property Bag Service 7m Component to Component 1m Service Scope and Lifetime 6m Guidelines and Summary 4m
Communicating Through a State Management Service
Introduction 2m Sharing Entity State 5m State Management Service 2m Demo: Retrieving State 5m Demo: Maintaining State 5m Displaying Concurrent Components 3m Keeping State in Sync 6m Change Detection 5m Guidelines and Summary 5m
Communicating Through Service Notifications
Introduction 2m Service Notifications 3m Subject 3m Demo: Subject 7m Demo: More on the Subject 3m Subject vs. BehaviorSubject 3m Angular Component Communication 3m Demo: Cleaning up a Subscription 1m Guidelines and Summary 3m
Communicating Using the Router
Introduction 1m Routing Basics 4m Route Parameters 5m Guidelines and Summary 3m
Final Words
Introduction 0m Recap 4m Learning More 1m Closing 1m
Description
Course info
Rating
(235)
Level
Intermediate
Updated
Jan 30, 2018
Duration
3h 40m
Description

At the core of any Angular application is a set of components that need to communicate effectively to track and share state and send notifications. In this course, Angular Component Communication, you will learn numerous techniques for communicating between the components and other parts of an application. First, you will learn how a component communicates with its template, including binding, getters and setters, input and output properties, and the ViewChild decorator. Next, you will examine how to build services as an intermediary for communication between components and how to broadcast notifications from services using a Subject or BehaviorSubject. Finally, you will learn which techniques to use and when. When you are finished with this course, you'll have a deeper understanding of the many different ways for component communication so you can apply the most effective techniques for your application.

About the author
Deborah Kurata
About the author

Deborah Kurata is a software developer, consultant, Pluralsight author, Google Developer Expert (GDE), and Microsoft Most Valuable Professional (MVP). Follow her on twitter: @deborahkurata

More from the author
Defensive Coding in C#
Beginner
2h 14m
Jan 2, 2020
Angular Reactive Forms
Intermediate
3h 52m
Sep 5, 2019
Angular Routing
Intermediate
4h 49m
Aug 20, 2019
More courses by Deborah Kurata
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello. My name is Deborah Kurata. Welcome to my course, Angular Component Communication from Pluralsight. When building real world Angular applications, you need effective solutions for tracking and sharing state and sending notifications between components. This course presents numerous communication techniques and, more importantly, which technique to use when. You'll see ways for a component to communicate with its template, including binding, getters and setters, input and output properties, and the ViewChild and ViewChildren decorators. You'll examine how to build services as an intermediary for communication between components and how to broadcast notifications from services using Subject or BehaviorSubject. Router components provide additional communication techniques including required, optional, and query parameters. By the end of this course, you'll have a deeper understanding of the many different ways for component communication so you can apply the most effective techniques for your application. I hope you'll join me on this journey through Angular Component Communication from Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT