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

Question

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

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

除p-chips组件外，还有其他方法可以实现此目的吗？

Answer 1

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

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

请参阅Plunker