Prime-NG P-CHIPS 数字仅适用于数字数组

Question

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

numbers我想从用户输入中填充数组。

除了组件之外还有其他方法可以实现这一目标吗p-chips？

Answer 1

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

超文本标记语言

<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
    }
  }

参见普朗克