javascript - NgIf 里面点击 Angular

Question

您好，我有以下按钮:

<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>

效果很好。但现在我想修改逻辑，以便每当 btn.label 变为“已确认”时，我想调用另一个函数而不是 _btnClick 函数。如何根据条件修改现有的点击事件？例如: (click) = *ngIf="btn.label=='confirmed'"? _confirmBtnClicked(btn, _finalConfig, _formBtn) : "_btnClick(btn, _finalConfig, _formBtn);" 我很困惑。知道该怎么做吗？或者对于我的场景还有其他更好的建议吗？提前谢谢大家。

Answer 1

您可以调用另一个方法来检查是否有相同的情况:

(click) = "_confirmedClick()" 

然后在你的组件中:

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