Проверьте, не превышает ли значение ионного входа 0 при нажатии кнопки.

Мне нужно отключить / включить кнопку в Ionic в зависимости от значения ионного ввода. Он должен срабатывать, как только пользователь вводит какое-либо значение. (Целевое событие: нажатие клавиши)

Если введенное число больше 0, нажмите кнопку включения, в противном случае он будет отключен.

Ищем варианты!

Изображение экрана

Здесь поле ввода будет «Сумма», а целевой кнопкой будет «Добавить платеж».


person Ankit Singh    schedule 02.07.2019    source источник


Ответы (1)


In .html

<input
   (input)="gotChar($event)"
   placeholder="Write your value..."
 ></input>

<button [disabled]="checker"></button>

Также вы можете использовать (change), например:

<input
   (change)="gotChange($event)"
   placeholder="Write your value..."
 ></input>

И в .ts файле

class Home {
 checker:boolean = true;
 constructor(){}
 gotChar(eve) {
   this.checker = eve.target.value === '0' ? true : false ;
 }

 gotChange(eve) {
  console.log(eve.target.value);
  this.checker = eve.target.value === '0' ? true : false;
 }
}
person Abdulrahman Falyoun    schedule 02.07.2019