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
(303)
Level
Intermediate
Updated
Jan 30, 2018
Duration
3h 39m
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
(303)
Level
Intermediate
Updated
Jan 30, 2018
Duration
3h 39m
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
  • 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.

Course FAQ
Course FAQ
What is an Angular component?

An Angular component is the basic building block in an Angular application. It is composed of a selector, template, style, and other various properties for processing the component.

What is the purpose of an Angular component?

Angular components use simpler, component-based application structure, making it easier to write an app in a similar way to using web components.

What will I learn in this course?

In this Angular Component Communication course you will learn about:

  • How a componenet communicates with its template
  • Binding and structural directives
  • Getters and Setters
  • Input and Output properties
  • ViewChild decorator
  • Communicating through a service
  • Communicating using the router
  • Much more
Who is this course for?

This course is for anyone who wants to learn about Angular components, and for those who need effective solutions for tracking and sharing state and sending notifications between components.

Are there prerequisites to this course?

You should be familiar with Angular and have some experience working with/building Angular applications.

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 53m
Mar 22, 2021
Angular NgRx: Getting Started
Beginner
4h 14m
Jun 30, 2020
Defensive Coding in C#
Beginner
2h 14m
Jan 2, 2020
More courses by Deborah Kurata
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
[Autogenerated] Hello. My name is Debra Kurata. Welcome to my course. Angular component communication from plural site. 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 techniques 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 View Child and View Children 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 behavior. Subject. Rocket 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 plural site

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT