如何验证空格/空格？ \[角度 2\]

Question

我想在我的角 2 形式中避免空格/空格？可能吗？如何才能做到这一点？

原文由 Eusthace 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

也许这篇文章可以帮助你 http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/

在这种方法中，您必须使用 FormControl 然后观察值的变化，然后将掩码应用于值。一个例子应该是：

 ...
form: FormGroup;
...

ngOnInit(){
    this.form.valueChanges
            .map((value) => {
                // Here you can manipulate your value
                value.firstName = value.firstName.trim();
                return value;
            })
            .filter((value) => this.form.valid)
            .subscribe((value) => {
               console.log("Model Driven Form valid value: vm = ",JSON.stringify(value));
            });

}

原文由 Bruno João 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你可以简单地添加一个模式验证器

Validators.pattern('[\\S]{1,}[\\S\\s]*|[\\s]*[\\S]{1,}[\\S\\s]*')

这将检查前导部分或后面部分的空白。

原文由 Pavan Sunny Thomas 发布，翻译遵循 CC BY-SA 4.0 许可协议