在“键控”中检查离子输入值是否大于0

时间:2019-07-02 18:51:51

标签: angular ionic-framework ionic3

我需要根据离子输入的值禁用/启用Ionic中的按钮。用户输入任何值后应立即触发。 (目标事件:键盘输入)

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

正在寻找选项!

Screen Image

此处的输入字段为金额,目标按钮为添加付款。

1 个答案:

答案 0 :(得分:2)

.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;
 }
}
相关问题