Angular: Component Communications (Parent to Child)

preview_player
Показать описание
Passing data from the Parent down to the Child component is quite straight forward. The only requirement is for the Child component to import the Input class to receive the input. In the Child component, it would use the @Input() decorator to receive the input data from a Parent component.

Note: In Angular, the Child component has no way of knowing its parent component.

⭕ About me

⭕ My complete online training courses:

⭕ Check out my book:
Developing Business Applications for the Web: With HTML, CSS, JSP, PHP, ASP.NET, and JavaScript is available on Amazon and MC Press.
  1. Christian Hur
  2. HTML5
  3. CSS3
  4. Web Development
  5. JavaScript
  6. AngularJS
Рекомендации по теме
Angular: Component Communications 0:13:59

Angular: Component Communications (Parent to Child)

Sharing Data between 0:05:19

Sharing Data between Components in Angular

Angular: Component Communications 0:20:29

Angular: Component Communications (Child to Parent)

Angular Component Communication: 0:26:20

Angular Component Communication: Everything You Need to Know

Angular: Component Communications 0:11:19

Angular: Component Communications (Child to Child)

How Child Components 0:05:30

How Child Components Communicate with Parent Components in Angular Explained

@Input in Angular 0:14:42

@Input in Angular | Sharing data from parent to child component | Angular Tutorial

Data transfer between 0:30:02

Data transfer between components in angular 13 (parent to child + @input + @Output + @ViewChild)

15 -Parent to 0:04:36

15 -Parent to Child Component Communication in Angular 9 Tutorial | Javascript | typescript | NodeJS

Communicate from Parent 0:05:26

Communicate from Parent to Child Component - Angular (Tutorial #13)

How Parent Components 0:04:44

How Parent Components Communicate with Child Components in Angular Explained

Communicate from Child 0:08:21

Communicate from Child to Parent Component - Angular (Tutorial #14)

Angular - Child 0:08:33

Angular - Child to parent component communication using @Output

#28 Non-Related Component 0:18:32

#28 Non-Related Component Communication | Angular Component & Directives | A Complete Angular Co...

Angular - Parent 0:03:49

Angular - Parent to child component communication using @Input

Angular component communication 0:14:29

Angular component communication

Part 5 - 0:14:51

Part 5 - Parent Child Component Communication | Angular 12 | Learn from Scratch

Angular -10 Tutorial 0:06:14

Angular -10 Tutorial - Component Interaction | Communication Between Components

What is @Input 0:13:52

What is @Input in Angular | Learn Parent to Child component communication

Mastering @Output in 0:14:03

Mastering @Output in Angular: A Simple Guide to Parent-Child Component Communication

Angular 10 tutorial 0:06:04

Angular 10 tutorial #20 pass data parent to child

Angular video series 0:05:47

Angular video series - #4 Component communication

Use Parent to 0:15:44

Use Parent to Child Component Communication using @Input Decorator | Angular @input decorator

Communication between Parent 0:08:06

Communication between Parent and Child Components in Angular