将 "APP" 作为前缀,然后在输入字段中只允许输入数字

Have "APP" as prefix and then allow only numbers in input field

我有一个输入字段的要求,它必须有前缀“APP”,然后允许用户输入 7 个纯数字值。我希望我可以使用 ngx-mask,但似乎不可能。或者,我正在考虑使用 (focusin) 事件,例如:

(focusin)="addPrefix($event)"

inputValue = "";
addPrefix(ev: any){
 inputValue = "APP ";
}

然后有一个 keyup 事件,如果 input.length <= 3.But 然后会出现粘贴值的问题。其他人有更好的 ideas/suggestions 吗?谢谢

Stackblitz

怎么样,

<input type="text" prefix="APP " mask="0000000" [clearIfNotMatch]="true" />

使用 ngx-mask?