Prime-NG P-CHIPS数字仅适用于数字数组 [英] Prime-NG P-CHIPS Numbers only for Array of Numbers

问题描述

如何强制用户使用 p-chips 组件仅输入数字?

我想从用户输入中填充数字的数组.

除了 p-chips 组件之外，还有其他替代方法吗?

解决方案

通过使用 p-chips 组件，您可以使用 onAdd 方法检查用户输入:

HTML

 < p-chips [(ngModel)] ="values"(onAdd)= checkInput($ event)</p-chips> 

TS

  checkInput(event){this.errorMessage ='';//重新初始化错误消息if(！this.isInt(event.value)){this.errorMessage = event.value +'不是整数！';//显示错误消息this.values.pop();//从值中删除最后一个条目}} 

请参见柱塞

How can I enforce user to enter only numbers using p-chips component?

I want to fill array of numbers from user input.

Is there any alternative way to achieve this other than p-chips component?

解决方案

By using p-chips component, you can use onAdd method to check user input :

HTML

<p-chips [(ngModel)]="values" (onAdd)=checkInput($event)></p-chips>

TS

  checkInput(event) {
    this.errorMessage = ''; // reinitialize error message

    if(!this.isInt(event.value)) {
      this.errorMessage = event.value + ' is not an integer !'; // display error message
      this.values.pop(); // remove last entry from values
    }
  }

See Plunker

这篇关于Prime-NG P-CHIPS数字仅适用于数字数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！