Angular6-如何正确验证和执行'；不接受空输入字段

我正在使用Angular并试图找出如何正确验证输入字段，它不应该接受空白。我试着用下面的IF语句进行实验。它似乎工作正常，但当一个输入字段为空时，我会收到以下错误消息：

错误类型错误：formValue.employee.trim不是函数

看到这个了吗 试试这个

formValue.employee.toString().trim()

试试这个会对你有帮助的

    pattern: any;
        ngOninit() {
    this.pattern = "^\S{0,50}$";
//you can use this pattern to avoid space at beginning and end "^[^\s]+(\s+[^\s]+)*$"
              this.telephoneForm = this.formBuilfer.group({
                employee: [null, Validators.pattern(this.pattern), Validators.required ],
        })
        }

上述模式将不接受输入字段中的空格，并在html中显示错误消息 像

雇员是无效的。

[Duplication]@如果您使用的是反应式表单，请创建自定义验证器

    pattern: any;
        ngOninit() {
    this.pattern = "^\S{0,50}$";
//you can use this pattern to avoid space at beginning and end "^[^\s]+(\s+[^\s]+)*$"
              this.telephoneForm = this.formBuilfer.group({
                employee: [null, Validators.pattern(this.pattern), Validators.required ],
        })
        }

<div *ngIf="employee.errors?.pattern">
    employee is not valid.
</div>