detail Component里，使用event binding，給button click事件注冊一個處理函數(shù)delete：

<img src="{{itemImageUrl}}" [style.display]="displayNone"> <span [style.text-decoration]="lineThrough">{{ item.name }} </span> <button (click)="delete()">Delete</button> @Output() deleteRequest = new EventEmitter<Item>();delete() {this.deleteRequest.emit(this.item);this.displayNone = this.displayNone ? '' : 'none';this.lineThrough = this.lineThrough ? '' : 'line-through'; }

在delete函數(shù)里，使用EventEmitter發(fā)送一個事件。deleteRequest這個property需要加上@Output的注解。

在parent Component里，監(jiān)聽從child Component發(fā)送過來的自定義事件：

<app-item-detail (deleteRequest)="deleteItem($event)" [item]="currentItem"></app-item-detail>

總結(jié)

以上是生活随笔為你收集整理的Angular应用里child Component如何向parent Component发送事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。