<input
matInput
placeholder="数量"
type="number"
min="1"
step="1"
[(ngModel)]="number"
(input)="onInput($event)"
/>
onInput(event: Event): void {
const input = event.target as HTMLInputElement;
// 使用正则表达式过滤掉非整数部分
input.value = input.value.replace(/[^0-9]/g, '');
// 更新模型中的值
this.number = Number(input.value);
}
replace
是 JavaScript 字符串的一个方法,用于替换字符串中的匹配内容。/[^0-9]/g
是一个正则表达式,用于匹配所有非数字字符。[^0-9]
: 方括号中的^
表示“非”,因此[^0-9]
匹配所有不是数字的字符。g
: 这是一个全局标志,表示在整个字符串中查找所有匹配项,而不仅仅是第一个。
''
: 这是替换字符串。在这个例子中,是一个空字符串,意味着所有匹配的字符都被删除了。
假设输入框的值是 "123abc456"
,应用这段代码let cleanedValue = input.value.replace(/[^0-9]/g, '');