Parent to child component communication in angular 8
Parent component to child component interaction Parent Component parent.component.ts => import { Component , OnInit } from '@angular/core' ; @ Component ({ selector: 'app-parent' , templateUrl: './parent.component.html' , styleUrls: [ './parent.component.css' ] }) export class ParentComponent implements OnInit { username :any = 'this is the parent child' ; constructor () { } ngOnInit () { } } parent.component.html => < div class = "text-center bg-primary text-white p-1 m-2" > < H3 > PARENT TO CHILD COMPONENT COMMUNICATION </ H3 > < app-child [uname] = 'username' > </ app-child > </ div > ...