如何解决无法设置离子输入值
我已经尝试解决这个问题了好几个小时,但一直没能解决。我想创建一个类似于PayPal.Me的输入的输入(在这篇文章的底部有一个简短的示例,我在说什么)。这是我的代码:
HTML:
<ion-input class="amount-input" dir="ltr" type="tel" inputmode='numeric' [(ngModel)]="amountString" maxlength="10" (ionInput)="inputChanged($event.target.value)"></ion-input>
TypeScript:
@ViewChild(IonInput) customInput: IonInput;
amountString: string = '0.00';
inputChanged(val) {
var inputValString = val.toString();
inputValString = inputValString.replaceAll(/[^0-9]+/g,'');
var inputVal = Number(inputValString) / 100;
// this.amountString = formatCurrency(inputVal,'en-US','');
// if(this.amountString == '0') {
// this.amountString = '0.00';
// }
// document.getElementsByClassName('amount-input')[0].setAttribute('value',formatCurrency(inputVal,''));
this.customInput.value = formatCurrency(inputVal,'');
}
注释掉的部分是我已经尝试过的方法。输入新数字是可行的,但是当我开始删除数字并进入“ 0.00”以下时,代码将停止更新该字段,而我留下的是“ 0.0”,然后是“ 0”。然后是“ 0”,然后是“”。我希望此人停止在“ 0.00”处删除,但还没有找到一种方法。
如果有人可以帮助我解决这个问题,我将不胜感激。
这是应该做什么的一个例子。
(页面加载):0.00
(输入2):0.02
(输入3):0.23
(退格键):0.02
(退格键):0.00
(退格键):0.00
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。