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.
Course info
Level
Intermediate
Updated
Jan 30, 2018
Duration
3h 40m
Table of contents
Introduction
Course Outline 1m Sample Application 2m Get the Most from This Course 3m Introduction 3m
Communicating with a Template
Notifying the Component of User Changes 1m Introduction 1m Guidelines and Summary 3m Two-way Binding, the Long Way 4m Getters and Setters 5m Binding and Structural Directives 6m
ViewChild and ViewChildren
Introduction 2m ViewChild 2m ViewChild and Angular Forms 4m Guidelines and Summary 4m ViewChildren 4m Demo: ViewChild and Accessing the Native Html Element 5m ViewChild and ngIf 6m Demo: ViewChild and Angular Forms 5m
Communicating with a Child Component
Parent to Child Communication 2m Guidelines and Summary 4m Template Reference Variable 2m Introduction 3m Watching for Changes 5m ViewChild Decorator 5m Input Property 6m Building Child Components 7m
Communicating with a Parent Component
Guidelines and Summary 1m Introduction 1m Child to Parent 2m Output Property 6m
Communicating Through a Service
Component to Component 1m Introduction 2m Managing State 3m Guidelines and Summary 4m Component to Itself 3m Service Scope and Lifetime 6m Property Bag Service 7m
Communicating Through a State Management Service
Introduction 2m Sharing Entity State 5m State Management Service 2m Demo: Retrieving State 5m Displaying Concurrent Components 3m Demo: Maintaining State 5m Change Detection 5m Keeping State in Sync 6m Guidelines and Summary 5m
Communicating Through Service Notifications
Introduction 2m Service Notifications 3m Subject 3m Demo: Subject 7m Subject vs. BehaviorSubject 3m Demo: More on the Subject 3m Demo: Cleaning up a Subscription 1m Angular Component Communication 3m Guidelines and Summary 3m
Communicating Using the Router
Introduction 1m Routing Basics 4m Guidelines and Summary 3m Route Parameters 5m
Final Words
Introduction 0m Recap 4m Closing 1m Learning More 1m
Course Overview
Course Overview 1m
Description
Course info
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
Angular: Getting Started
Beginner
5h 42m
Aug 14, 2019
RxJS in Angular: Reactive Development
Beginner
3h 49m
Jul 17, 2019
Object-Oriented Programming Fundamentals in C#
Beginner
3h 27m
Mar 11, 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