NgIf Innenrasterung Angular

Question

HALLO Ich habe folgende Taste (n):

<button *ngFor="let btn of _formBtn" [type]="(btn.type=='submit')?'submit':'button'" 
      class="btn btn-icon" 
      [ngClass]="btn.class" 
      (click) = "_btnClick(btn, _finalConfig, _formBtn)" 
      [disabled]="btn.disabled" 
      [hidden]="btn.hidden"> 
      <i *ngIf="btn.BtnType!='next'" [class]="btn.icon"></i> 
      <span>{{btn.label}}</span> 
      <i *ngIf="btn.BtnType=='next'" [class]="btn.icon"></i> 
     </button> 

Es funktioniert gut. Aber jetzt möchte ich die Logik so ändern, dass, wenn die btn.label wird "bestätigt", ich möchte eine andere Funktion anstelle von _btnClick Funktion aufrufen. Wie kann ich mein vorhandenes Klickereignis basierend auf der Bedingung ändern? wie zB: (click) = *ngIf="btn.label=='confirmed'"? _confirmBtnClicked(btn, _finalConfig, _formBtn) : "_btnClick(btn, _finalConfig, _formBtn);" Bin ruhig verwirrt Jungs. Irgendeine Idee, wie man das macht, Leute? Oder irgendwelche anderen besseren Vorschläge für mein Szenario? Vielen Dank im Voraus Jungs.

Answer 1

Sie rufen können eine andere Methode aufrufen können, wo Sie für die gleiche wie überprüfen:

(click) = "_confirmedClick()" 

dann in Ihrer Komponente:

public _confirmedClick(){ 
    if(this.btn.label === "confirmed"){ 
     this._confirmBtnClicked(this.btn, this._finalConfig, this._formBtn); 
    }else{ 
     this._btnClick(this.btn, this._finalConfig, this._formBtn); 
    } 
} 

Answer 2

Erstellen Sie eine Methode wie clickMe() und übergeben Sie die btn.label darin. Dann nach dem Etikett wieder Sie verschiedene Methoden basierend auf dem Wert des btn.label

Vinod