单击ionic2后如何禁用按钮？

Question

在此代码中，我尝试在单击Ionic 2后禁用按钮

<button ion-button icon-only icon-left (click)="AddMarker()" ng-disabled="clicked" color="light"><ion-icon name="locate" ></ion-icon> </button>

但它仍然是相同的，当点击该功能时正在调用。

我添加了这个

Answer 1

var disabled = false;

AddMarker()
{
this.disabled = true;
}

<button ion-button [disabled]="disabled" (click)="disabled=true">
Click me to disable
</button>

<button ion-button [disabled]="disabled" (click)="AddMarker()">
Click me to disable
</button>

Answer 2

这是您点击按钮的禁用方式。

<button ion-button [disabled]="disabled" (click)="disabled=true">
Click me to disable
</button>

如果您在组件中使用方法，请使用以下代码

<button ion-button [disabled]="disabled" (click)="AddMarker()">
Click me to disable
</button>

方法

AddMarker(){
     this.disabled="true";    
}