在Angular应用的child Component里同时使用@Input和@Output

82 阅读1分钟

一个例子:

<app-input-output [item]="currentItem" (deleteRequest)="crossOffItem($event)"></app-input-output>

(1) child Component的item属性绑定到parent Component的currentItem属性上
(2) 当child属性抛出deleteRequest事件时,自动触发parent Component的crossOffItem函数。

数据流向如下:

在这里插入图片描述