- 從子組件向父組件發送值
- 在父組件中處理模板中的功能和觸發按鈕
我的結構子組件
export class ChildComponent {
@Output() selectCustomer = new EventEmitter<Customer>();
onSelectCustomer(customer: Customer) {
this.selectCustomer.emit(customer);
}
}
因此，一旦子組件從專案串列中選擇了客戶，我想在父組件中處理它。#btnToTrigger
<parent-component>
...
<child-component
(selectCustomer)=selectCustomer($event)> <-- emits value
</child-component>
...
<button #btnToTrigger>Continue</button> <--How to trigger this button after child component emits value in controller?
</parent-component>
父組件控制器
export class ParentComponent {
...
selectCustomer(customer: Customer) {
console.log(customer);
//Value Emited, but how to trigger button in same component template from here?
//#btnToTrigger
}
}
uj5u.com熱心網友回復：
您可以將方法的#btnToTrigger參考傳遞selectCustomer為：
<child-component
(selectCustomer)=selectCustomer($event, btnToTrigger)>
</child-component>
<button #btnToTrigger (click)="onClick()">Continue</button>
然后在您的方法中使用相同的selectCustomer方法來觸發點擊：
selectCustomer(customer: Customer, buttonElement: HTMLButtonElement) {
console.log(customer);
buttonElement.click();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/427218.html
上一篇：從字串中獲取特定的資料行