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

时间:2022-07-24
本文章向大家介绍在Angular应用的child Component里同时使用@Input和@Output，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

一个例子：

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

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

数据流向如下：

随机文章
Javascript知识点必读
最近更新