आयनिक 2 + कोणीय 2 -

Question

पर अक्षम बटन पर मेरे पास पंक्तियों की सूची है, और प्रत्येक पंक्ति में 2 और अधिक बटन हैं। मैं क्लिक इवेंट पर बटन को अक्षम करना चाहता हूं, इसलिए एक बार यह एजेक्स कॉल करने के बाद मैं इसे पुनः सक्षम कर सकता हूं या इसे पूरी तरह छुपा सकता हूं।

तो मैं सोच रहा हूं कि मैं क्लिक ईवेंट पर इस एकल बटन को कैसे अक्षम कर सकता हूं।

मैं ईवेंट से कैसे अक्षम कर सकता हूं?

<button [disabled]="buttonDisabled" (click)="trigger($event)"> 

trigger ($event) 
{ 
    $event.buttonDisabled = true; // ? 
} 

Answer 1

<div *ngfor="#row of rows"> 
    <button [disabled]="awaitingAjaxCall[row] ? true : null" (click)="trigger($event, row)"> 
</div> 

rows: [0,1,2]; 
awaitingAjaxCall:boolean[] = [false, false, false]; 
trigger ($event, row) 
{ 
    this.awaitingAjaxCall[row] = true; 
    this.http.get(...).map(...).subscribe(value => { 
    this.value = value; 
    // or here 
    // this.awaitingAjaxCall[row] = false; 
    }, error => {}, 
() => this.awaitingAjaxCall[row] = false); 
}