Reactive Patterns with RxJS and Angular Signals by Lamis Chebbi

Author:Lamis Chebbi
Language: eng
Format: epub
Publisher: Packt Publishing Pvt Ltd
Published: 2024-05-29T00:00:00+00:00

A method called updateSelectedRecipe that will update the shared data, which is the selected recipe: updateSelectedRecipe(recipe: Recipe) { this.selectedRecipeSubject.next(recipe); }

This method only calls next on selectedRecipeSubject to notify all subscribers of the last selected recipe passed as a parameter. The process that updates the selected recipe will call this method, which we will discuss in the next step.

This is what the service looks like after putting all the pieces together:

import { Injectable } from '@angular/core'; import { BehaviorSubject } from 'rxjs'; import { Recipe } from '../model/recipe.model'; @Injectable({ providedIn: 'root' }) export class SharedDataService { private selectedRecipeSubject = new BehaviorSubject<Recipe | undefined>(undefined); selectedRecipe$ = this.selectedRecipeSubject.asObservable(); updateSelectedRecipe(recipe: Recipe) { this.selectedRecipeSubject.next(recipe); } }

Now that we have prepared the groundwork by creating our shared data service and defined the behavior subject that will hold the shared data, let’s see how we can update the shared data in the next section.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.