已解決430363個問題，去搜搜看，總會有你想問的

如何從子組件觸發事件到父組件？

首頁猿問如何從子組件觸發事件到父組件？

如何從子組件觸發事件到父組件？

JavaScript

弒天下 2023-01-06 15:12:31

父組件.tspublic test(){ //some code..... }父組件.html<app-child (eventfire)="test($event)"></app-child>在此部分按鈕顯示子組件按鈕顯示父組件。但我已經在網格上顯示了按鈕。現在有兩個按鈕。網格按鈕不工作但新顯示按鈕工作正常。cild.compose.ts @Output() eventfire= new EventEmitter<string>(); calltoParent(): void { debugger; this.eventfire.next(); }子組件.html<button mat-raised-button (click) = calltoParent($event);>Click Here<button>//This already show in grid我想要做的是當我點擊子組件按鈕時想要執行父test()函數。但是<app-child (eventfire)="test($event)">當我使用這部分主頁組件時顯示另一個單擊此處按鈕。但我不想顯示另一個按鈕。因為child.component.html按鈕我已經顯示在網格中現在我想在單擊該按鈕后要執行父測試（）如何解決這個問題？

查看完整描述

1 回答

拉丁的傳說

TA貢獻1789條經驗獲得超8個贊

output您可以使用和來實現這一點EventEmitter。更新以下代碼：

在中parent.component.html，添加子選擇器及其觸發的事件：

<app-child (clicked)="test()"></app-child>

添加方法parent.component.ts：test

test(){
    alert('parent function called from child!')
  }

現在child.component.ts添加以下代碼：

@Output() clicked = new EventEmitter();
callParent(){
     this.clicked.emit()
  }

callParent單擊按鈕時觸發方法：

  <button (click)="callParent()"> click </button>

這是工作示例： StackBlitz

反對回復 2023-01-06

1 回答
0 關注
139 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何從子組件觸發事件到父組件？

如何從子組件觸發事件到父組件？

1 回答

添加回答

如何從子組件觸發事件到父組件？

如何從子組件觸發事件到父組件？