检查 "keyup" 上的离子输入值是否大于 0

Question

我需要 Disable/Enable 基于离子输入值的 Ionic 按钮。它应该在用户输入任何值时立即触发。（目标事件：keyup）

如果输入的数字大于0，启用按钮，否则将被禁用。

正在寻找选项！

Screen Image

这里的输入字段是金额，目标按钮是添加付款。

Answer 1

在.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;
 }
}

检查 "keyup" 上的离子输入值是否大于 0

Check if the ion-input value is greater than 0 on "keyup"

ionic-framework

ionic3

angular