share data between components angular
import { Component, Input } from '@angular/core'; //Child-Component @Component({ selector: 'app-child', template: ` Say {{ message }} `, styleUrls: ['./child.component.css'] }) export class ChildComponent { @Input() childMessage: string; constructor() { } } ====================================================================== import { Component } from '@angular/core'; //Parent-Component data transfer to Child-Component @Component({ selector: 'app-parent', template: ` <app-child [childMessage]="parentMessage"></app-child> `, styleUrls: ['./parent.component.css'] }) export class ParentComponent{ parentMessage = "message from parent" constructor() { } }
