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