如何使用離子2禁用/啟用按鈕？

Question

我有一個輸入字段和一個按鈕。 它必須在啟動時禁用。 當輸入無空白時，按鈕啟用。

我使用ngModel獲取輸入的值，並使用函數（更改）在每次更改輸入時啟動函數。

現在我在改變功能中做了一點。

if(input !== ''){
//enable the button
}else{
//disable the button
}

你知道如何實現這個目標嗎？

謝謝

Answer 1

在類中只有一個布爾變量：

isenabled:boolean=false;

改變功能

if(input !== ''){
//enable the button
isenabled=true; 
}else{
//disable the button
isenabled=false;
}

在Html中：

<button ion-button [disabled]="!isenabled"></button>

更改課程：

<button ion-button [ngClass]="{class:isenabled,class2:!isenabled}"></button>

點擊這里