在发生点击事件时将JSON从父级发送到子级

Question

在使用输入装饰器单击parent.component.html中的按钮时，我需要从父级向子级发送JSON。

当我单击父组件中的按钮时，必须将父组件中可用的JSON对象发送给子组件。

我不需要在这里使用服务。 但是我如何在这里使用输入装饰器

当我将点击事件中的数据从孩子发送给父母时，我可以发送该数据，但是我该怎么做呢？

我的parent.component.ts

import { Component, OnInit ,Input , EventEmitter ,Output} from '@angular/core';
@Component({
  selector: 'app-sidenav',
  templateUrl: './sidenav.component.html',
  styleUrls: ['./sidenav.component.css']
})
export class SidenavComponent implements OnInit { 

data=[
{
	"name":"pranesh",
	"number":"21"
},
{
	"name":"pranesh",
	"number":"21"
},
{
	"name":"pranesh",
	"number":"21"
},
{
	"name":"pranesh",
	"number":"21"
},
{
	"name":"pranesh",
	"number":"21"
}
]


private details: object;

 sendMessage(){
 	this.details=this.data;
 }

  constructor() { }

  ngOnInit() {
  }		

}

我的child.component.ts

import { Component, OnInit ,Input} from '@angular/core';
import { ChartOptions, ChartType, ChartDataSets } from 'chart.js';
import {Color, Label } from 'ng2-charts';


@Component({
  selector: 'app-content',
  templateUrl: './content.component.html',
  styleUrls: ['./content.component.css']
})
export class ContentComponent implements OnInit {
  
  @Input() details: object;

  

  constructor() { }

  ngOnInit() {
  }

}

我不知道如何在使用输入事件装饰器的事件点击中发送该消息？