Angular 如何使用单击将图像从组件显示到另一个组件?

Angular 如何使用单击将图像从组件显示到另一个组件?,angular,typescript,data-binding,Angular,Typescript,Data Binding,我有一个包含图像的div,我需要在另一个组件(角度)中的另一个div中查看它 我从以下代码开始: 更新: image: ImageData; @Output() sendimage = new EventEmitter<ImageData>(); 图像:图像数据; @Output()sendimage=新的EventEmitter(); 你可以试试这个 子组件例如应用程序子组件 @Output() sendImage: EventEmitter<ImageData>;

我有一个包含图像的div,我需要在另一个组件(角度)中的另一个div中查看它 我从以下代码开始:

更新:

image: ImageData;
@Output() sendimage = new EventEmitter<ImageData>();
图像:图像数据;
@Output()sendimage=新的EventEmitter();
你可以试试这个

子组件例如应用程序子组件

@Output() sendImage: EventEmitter<ImageData>;
constructor() {
        this.sendImage= new EventEmitter<ImageData>();
}
send() {
  this.sendImage.emit(this.image);
}

你能用你的代码详细解释一下你的问题吗?我正在试着写代码,但是没有用,问题是关于绑定的。请提供你的代码。我不明白你的意思。请看我在上面添加的图片。你剩下的代码是什么样子的?或者至少是这个功能?另外,你们看到了吗:不,若你们想在两个兄弟组件中共享imagedata,你们应该在父组件中创建数据,在两个子组件中你们可以使用@Input()
<app-child
 (sendImage) = "receiveIamge($event)"
></app-child>
receiveImage(image: ImageData) {
     // your process here
}