How to share data to a child component in angular

Rajesh Mani answered on August 18, 2021 Popularity 7/10 Helpfulness 2/10

answer How to share data to a child component in angular

related angular passing data to child component

How to share data to a child component in angular

Comment

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <app-child [childMessage]="parentMessage"></app-child>
  `,
  styleUrls: ['./parent.component.css']
})
export class ParentComponent{
  parentMessage = "message from parent"
  constructor() { }
}

Popularity 7/10 Helpfulness 2/10 Language typescript

Source: fireship.io

Tags: angular share typescript

Link to this answer
Share Copy Link

Contributed on Dec 30 2022

Rajesh Mani

0 Answers Avg Quality 2/10

Closely Related Answers

angular passing data to child component

Comment

Parent component:
<app-child-component [item]="data"></app-child-component>

Child component.ts
import { Component, Input } from '@angular/core'; // First, import Input
export class ItemDetailComponent {
  @Input() item = ''; // decorate the property with @Input()
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: angular.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Aug 18 2021

MitchAloha

0 Answers Avg Quality 2/10

How to share data to a child component in angular

Contents

More Related Answers

How to share data to a child component in angular

Closely Related Answers

angular passing data to child component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.