2017-07-17 26 views
0

私はAngularAngular Materialを使用しています。 minlengthバリデーターを使用して入力長を検証すると、空の入力がスリップします。 「空またはそれより短い」を検証するビルトインサポートはありますか?入力の長さを確認してください

minlengthと組み合わせてrequiredを使用できますが、Angular Materialはそのような入力スタイルであり、それは望ましくありません。

カスタムバリデータを実装する必要がありますか?

+0

:もちろん、より良い名前を与えられたとき、ここで

は、あなたが使用できる一つです。 –

+0

バリデーションの 'required'を使わないようにしようとしていますか? – Nehal

+0

@Nehal正確には、フィールドが(角度材料のおかげで)スタイルになっているので、それは避けようとしているものです。 – pikausp

答えて

1

ただし、minlengthと組み合わせて使用​​することもできますが、角度は と入力してください。これは望ましくありません。

単にスタイリングをオーバーライドしても問題ありません。

あなたが言ったように、カスタムバリデーターを作成することもできます。しかしこれはFormBuilderと一緒に使用してください。あなたが使用しているかどうかわかりません。あなたのコードを共有するので、誰かが助けることができますしてください

export const MyCustomValidator = (length: number): ValidatorFn => { 

    return (control: AbstractControl): {[key: string]: any} => { 

    return ((!value ||) (value < length)) ? null : { 
     myCustom: true 
    }; 
    }; 
}; 
+0

そうです、私は 'FormBuilder'を使用していませんが、スタイルについての言及は私にもう一度見せてくれました。そして最近、角材料は' hideRequiredMarker'を最近追加しました。 – pikausp

関連する問題