{"id":14973238,"url":"https://github.com/jalpeshvadgama/angularsharedservice","last_synced_at":"2026-02-28T09:31:21.088Z","repository":{"id":38511445,"uuid":"266473989","full_name":"JalpeshVadgama/AngularSharedService","owner":"JalpeshVadgama","description":"An angular application to demonstrate the data interaction with shared service","archived":false,"fork":false,"pushed_at":"2023-01-07T18:29:14.000Z","size":3632,"stargazers_count":0,"open_issues_count":25,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-25T01:43:29.674Z","etag":null,"topics":["angualr8","angular","angular4","angular5","angular6","component","sharedservice"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JalpeshVadgama.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-24T05:10:01.000Z","updated_at":"2020-05-24T11:47:39.000Z","dependencies_parsed_at":"2023-02-07T20:30:26.812Z","dependency_job_id":null,"html_url":"https://github.com/JalpeshVadgama/AngularSharedService","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JalpeshVadgama%2FAngularSharedService","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JalpeshVadgama%2FAngularSharedService/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JalpeshVadgama%2FAngularSharedService/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JalpeshVadgama%2FAngularSharedService/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JalpeshVadgama","download_url":"https://codeload.github.com/JalpeshVadgama/AngularSharedService/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240587544,"owners_count":19825004,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angualr8","angular","angular4","angular5","angular6","component","sharedservice"],"created_at":"2024-09-24T13:48:25.514Z","updated_at":"2026-02-28T09:31:21.039Z","avatar_url":"https://github.com/JalpeshVadgama.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular: Interaction between Component with Shared service\n\nIn this application, We are going to learn how we can have interaction between components via shared service.\n\nIf you have not seen my first video about Interaction between Component with @Input and @Output in Angular and then I would highly recommend it to see that video. Following is a link to that video.\n\nhttps://bit.ly/AngularComponentInteraction\n\nIn this application, I have created a shared service that has got a message source as behavior subject from rx.js which holds an observable. By default, I have initialized it as the default message. Then I have created a new method where I have created a method called \"changeMessage\"  from where the user can change the message.\n\nAfter that, I have injected this service into two different components and subscribe to current message observable. I have also created a button click event in both components which calls the  Change message method from shared service. As we have subscribed to both our message observable it will reflect in message change in both components.\n\n# Video:\nThe complete video for this application is available on the following location\n\nhttps://bit.ly/angularsharedservice\n\n\n\n# Technology used in this application:\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.3.\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjalpeshvadgama%2Fangularsharedservice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjalpeshvadgama%2Fangularsharedservice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjalpeshvadgama%2Fangularsharedservice/lists"}