单击离子2后如何禁用按钮

Question

在此代码中，我在单击离子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";    
}