仅字母字符的输入掩码仅允许 1 个单词与 Primeng 在角度中

Question

>就像教程说"a - Alpha character (defaut: A-Z,a-z)"没关系。

但是当我应用如下所示mask="a"时，它只让我输入 1 个单词，但我不想限制输入的大小。因此，人们可以在其中输入任何大小的单词。 我怎样才能做到这一点？

我尝试使用characterPattern="[А-Zа-z]"或像^[A-Za-z]这样的常规表达式提供正常的 html 模式属性，但没有奏效。提前致谢

<p-inputMask mask="a" [placeholder]="'gerekli' | translate" [(ngModel)]="User.adi"></p-inputMask>

Answer 1

您可以实现以下内容，

在您的组件.ts文件中，

setInputFilter(inputHTML, inputValue) {
[
"input",
"keyup",
"keydown",
"mouseup",
"mousedown",
"select",
"contextmenu",
"drop"
].forEach(function(event) {
inputHTML.addEventListener(event, function() {
if (inputValue(this.value)) {
this.previousValue = this.value;
this.previousSelectionStart = this.selectionStart;
this.previousSelectionEnd = this.selectionEnd;
} else if (this.hasOwnProperty("previousValue")) {
this.value = this.previousValue;
}
});
});
}

在生命周期钩子AfterViewInitsetInputFilter调用函数。

ngAfterViewInit() {
this.setInputFilter(document.getElementById("inputText"), function (value) {
return /^[a-zA-Z]*$/.test(value);
})
}

在您的组件.html文件中，

<input id="inputText" pInputText [(ngModel)]="val"/>

我正在使用PrimeNG的InputTextModule而不是InputMaskModule