ホワイトスペース/空白を検証する方法は？[Angular 2] を参照してください。

質問

angular2のフォームで空白を避けたいのですが？ それは可能ですか？ どのように行うことができますか？

どのように解決するのですか？

たぶん、この記事はあなたを助けることができる 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));
            });

}