角型のカスタムコンポーネントに事前定義バリデータを追加

Question

フォームで使用するカスタムコンポーネントを開発しています。私はControlValueAccessorインターフェイスを実装しており、うまく動作します。

requiredバリデータ（これはCAPTCHA）なしで使用する理由はないので、コンポーネントのすべての呼び出しでrequiredバリデータを指定する必要があります。

このバリデーターは私のコンポーネントに直接埋め込むことができますか？ngModelとフォーム（テンプレートベースのものと反応性のものの両方）で使用すると、常にこのバリデーターに適用されますか？

---

明確化。例を考える：

<my-captcha [(ngModel)]="firstCaptcha" required></my-captcha> 

<my-captcha [(ngModel)]="secondCaptcha" required></my-captcha> 

<my-captcha [(ngModel)]="thirdCaptcha" required></my-captcha> 

上記MyCaptcha成分の全ての呼び出しは、フォームコントロールに適用される必要バリためにrequired属性を使用する必要があります。

required属性を明示的に指定せずにカスタムコントローラを呼び出すことはできますが、それにもかかわらずバリデータが適用されていますか？このように：

<my-captcha [(ngModel)]="captchaValue"></my-captcha> 

Answer 1

コンポーネントのすべての呼び出しが必要 バリ

これを指定する必要があります、それを使用してabstract classとextendのアイデアを引き起こしました。フォームを持つことになり、あなたが実際にあなたのコンポーネントを作成

export abstract class FormValidationClass implements ControlValueAccessor { 
    // Implement your validation methods for your standard form including required validator 

    protected formModel:<any>;   

    protected constructor() { 
    } 

    public requiredValidatorMethod() { 
     // Do stuff here with formModel, for example 
    } 
} 

そして、：：

ので、への道は、すべてのフォームコンポーネントからrequiredバリデータはこのようなものになる可能性がを埋め込む

export class UserFilter extends FormValidationClass implements OnInit { 

     protected formModel:<any>; 

     this.requiredValidatorMethod (this.formModel); 
} 

だから、限り、あなたのクラスは、あなたが012以内の方法を使用することができるようになりますextends FormValidationClassprotected formModelを宣言してを使用し、フォームを持つ各コンポーネントごとに特定のロジックを追加する必要はありません。フォームが含まれているすべてのコンポーネントにロジックをの埋込みの私の方法だろう

が、この場合には、検証する必要があるフォームを含むすべてのコンポーネントにrequiredバリデータを埋め込みます。

希望するか、それとも少なくとも有用ですか？それがどうなるか教えてください！

乾杯！