在Angular表单中,可以通过使用Validators.pattern()函数和正则表达式来限制输入中的空格。以下是一个示例解决方法:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
myInput: ['', [Validators.required, Validators.pattern(/^\S*$/)]]
});
}
}
在上述示例中,Validators.pattern(/^\S*$/)用于限制输入中的空格。^\S*$表示输入必须是零个或多个非空格字符。如果输入中包含空格,则验证将失败,并显示错误消息。
请注意,上述示例假设你已经导入了必要的Angular表单模块,并在组件的模块中进行了正确的配置。