Làm thế nào vô hiệu/bật nút với ionic 2?

Question

Tôi có một trường nhập liệu và một nút. Nó phải được vô hiệu hóa khi bắt đầu. Khi đầu vào không trống, nút được bật.

Tôi sử dụng ngModel để lấy giá trị của đầu vào và hàm (thay đổi) để bắt đầu một chức năng mỗi lần thay đổi đầu vào.

Bây giờ tôi làm một chút nếu trong chức năng thay đổi.

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

Bạn có biết làm cách nào để đạt được điều đó không?

Cảm ơn

Answer 1

Chỉ cần có một biến boolean trong lớp:

isenabled:boolean=false; 

Thay đổi chức năng

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

Trong Html:

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

Đối với việc thay đổi các lớp:

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

Kiểm tra here