https://github.com/mohitjaiswal28/icc-angular

ICC (Inter-Component Communication) refers to the communication between different components in an Angular application. It allows components to exchange data, trigger actions, and maintain synchronization.
https://github.com/mohitjaiswal28/icc-angular

angular

Last synced: about 1 month ago
JSON representation

ICC (Inter-Component Communication) refers to the communication between different components in an Angular application. It allows components to exchange data, trigger actions, and maintain synchronization.

• Host: GitHub
• URL: https://github.com/mohitjaiswal28/icc-angular
• Owner: mohitjaiswal28
• Created: 2024-07-28T12:41:43.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-28T12:44:19.000Z (almost 2 years ago)
• Last Synced: 2025-08-18T23:42:51.903Z (11 months ago)
• Topics: angular
• Language: TypeScript
• Homepage:
• Size: 163 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Inter-Component Communication (ICC) 🌐

## Introduction 📚

Inter-Component Communication (ICC) is a crucial aspect of building robust and modular applications in Angular.

## Table of Contents 📑

1. What is ICC? 🤔

2. Why is ICC important? 🏆

3. Different methods of ICC 🔄

## What is ICC? 🤔

ICC refers to the communication between different components in an Angular application. It allows components to exchange data, trigger actions, and maintain synchronization.

## Why is ICC important? 🏆

ICC enables loose coupling between components, making them more reusable and maintainable. It also promotes separation of concerns and enhances the overall modularity of your application.

## Different methods of ICC 🔄

There are several methods of implementing ICC in Angular, including:

- Parent-to-child communication using `@Input` decorator and `Custom property binding` 📥

- Child-to-parent communication using `@Output` decorator and `event emitters` 📤

- Sharing data through a service 🔗

- Using `@ViewChild` and `@ContentChild` decorators for component interaction 👀

## Demo ⭐

![Home](./Demo/Demo1.png)

![Oneway](./Demo/Demo2.png)

![Twoway](./Demo/Demo3.png)

# How to Clone and Run this Project 🖥️

1. Clone the repository:

```

git clone https://github.com/mohitjaiswal28/ICC-Angular.git

```

2. Navigate to the project directory:

```

cd ICC-Angular

```

3. Install the dependencies:

```

npm install

```

4. Run the application:

```

ng serve

```