第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何從子組件觸發(fā)事件到父組件?

如何從子組件觸發(fā)事件到父組件?

弒天下 2023-01-06 15:12:31
父組件.tspublic test(){      //some code..... }父組件.html<app-child (eventfire)="test($event)"></app-child>在此部分按鈕顯示子組件按鈕顯示父組件。但我已經(jīng)在網(wǎng)格上顯示了按鈕?,F(xiàn)在有兩個按鈕。網(wǎng)格按鈕不工作但新顯示按鈕工作正常。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我想要做的是當我點擊子組件按鈕時想要執(zhí)行父test()函數(shù)。但是<app-child (eventfire)="test($event)">當我使用這部分主頁組件時顯示另一個單擊此處按鈕。但我不想顯示另一個按鈕。因為child.component.html按鈕我已經(jīng)顯示在網(wǎng)格中現(xiàn)在我想在單擊該按鈕后要執(zhí)行父測試()如何解決這個問題?
查看完整描述

1 回答

?
拉丁的傳說

TA貢獻1789條經(jīng)驗 獲得超8個贊

output您可以使用和來實現(xiàn)這一點EventEmitter。更新以下代碼:

在 中parent.component.html,添加子選擇器及其觸發(fā)的事件:

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

添加方法parent.component.tstest

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

現(xiàn)在child.component.ts添加以下代碼:

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

callParent單擊按鈕時觸發(fā)方法:

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

這是工作示例: StackBlitz


查看完整回答
反對 回復 2023-01-06
  • 1 回答
  • 0 關(guān)注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號