是否有可能在Angular中創建一個自定義事件，在同一個組件中？
我試圖在 "app.component.html "檔案中創建一個自定義的點擊事件：
<li (customClick) = "cClick($event)"> Test< /li>
然后在app.component.ts檔案中：
cClick(e){ (alert("自定義事件被點擊! "))}如何在同一個組件中實作這種呼叫？請幫助:)
uj5u.com熱心網友回復：
<li (customClick) = "cClick($event)"> Test < /li>
你必須創建一個指令，在這里你可以監聽任何你想要的事件并在你的自定義輸出發射器中觸發它們
Angular2指令來修改點擊處理。uj5u.com熱心網友回復：
footer組件
@Component（{
selector: 'a-footer',
template: ``.
<div>{{footerText}}</div>
<按鈕 ion-button (click)="doIt()">頁腳按鈕</button>。
`
})
export class AFooterComponent {
@Input() footerText: string
@Output() footerClicked = new EventEmitter()
doIt（）{
this.footerClicked。 emit({value:this.footerText})
}
}
home.page組件創建的事件處理程式將傳遞給footer組件doFooterClicked
。@Component（ {
selector: 'page-home',
templateUrl: 'app/home.page.html'.
})
export class HomePage {
appName = 'Ionic App';
userCourse =[]
constructor（private navController: NavController） {
this. userCourse = [{CourseName:"course one"},{CourseName:"course two"}]
}
edit4（_someStuff） {
}
doFooterClicked(_event) {
console.log(_event)
alert("footer clicked" _event.value)
}
}
在home.page html的某個地方創建組件元素
。<a-footer [footerText]="'someText'"/span>
(footerClicked)="doFooterClicked($event)">
</a-footer>`。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/319136.html
標籤：
上一篇：無法從AzureBlob讀取：“org.apache.hadoop.fs.azure.AzureException：未找到Azure存盤帳戶的憑據