You're reading from Angular Cookbook Over 80 actionable recipes every Angular developer should know

Product type Paperback

Published in Dec 2023

Publisher Packt

ISBN-13 9781803233444

Length 536 pages

Edition 2nd Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Author (1):

Muhammad Ahsan Ayaz

View More author details

Table of Contents (16) Chapters

Preface

1. Winning Component Communication

2. Working with Angular Directives and Built-In Control Flow FREE CHAPTER

3. The Magic of Dependency Injection in Angular

4. Understanding Angular Animations

5. Angular and RxJS – Awesomeness Combined

6. Reactive State Management with NgRx

7. Understanding Angular Navigation and Routing

8. Mastering Angular Forms

9. Angular and the Angular CDK

10. Writing Unit Tests in Angular with Jest

11. E2E Tests in Angular with Cypress

12. Performance Optimization in Angular

13. Building PWAs with Angular

14. Other Books You May Enjoy

15. Index

Component communication using services

In this recipe, you’ll start with an app with a parent component and a child component. You’ll then use an Angular service to establish communication between them. We’re going to use BehaviorSubject and Observable streams to communicate between components and the service.

Getting ready

The project for this recipe resides in start/apps/chapter01/cc-services:

Open the project in Visual Studio Code.
Open the terminal, navigate to the code repository directory, and run the following command to serve the project:
```
npm run serve cc-services
```
This should open the app in a new browser tab, and you should see the app as follows:

Figure 1.4: The cc-services app running on http://localhost:4200

How to do it…

Similar to the previous recipe, we have an app with AppComponent, NotificationsButtonComponent, and NotificationsManagerComponent. AppComponent is the parent...