角度2エラー： 'AbstractControl'タイプに 'AbstractControl'タイプが割り当てられません

Question

角度rc4リリースを使用して、required、minlengthなどのフォームコンポーネントに適用する検証ルールをいくつか適用する必要があります。バリデーターemailValidator。私は内蔵の1とValidators.compose関数に1つのカスタムバリデータを渡すと

、IDEの（両方Webstorm & VSコード）私は以下のようなタイムエラーメッセージをコンパイルし表示します。ただし

、上記のスクリーンショットで、両方のバリデーターが組み込まれていると、エラーメッセージは表示されません。

私のカスタムバリデータの定義は以下の通りである：

static emailValidator(control: AbstractControl): {[key: string]: boolean} { 
    if (control.value.match(/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/)) { 
     return null; 
    } else { 
     return {'invalidEmailAddress': true }; 
    } 
} 

Answer 1

Iは、以下に示すように、ControlにAbstractControlからcontrolパラメータの種類を交換することによって問題を解決：

static emailValidator(control: Control): {[key: string]: boolean} { 
    if (control.value.match(/[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/)) { 
     return null; 
    } else { 
     return {'invalidEmailAddress': true }; 
    } 
} 

ControlクラスはAbstractControlから延びています。私はまだFormControlまたはAbstractControlを使用すると、このエラーメッセージが表示される理由を理解できません。

Answer 2

これはかなり奇妙である、あなたはすでにFormControlてみましたか？

このようにします。

static emailValidator(control : FormControl){ 
    // RFC 2822 compliant regex 
    let EMAIL_REGEXP = /^[-a-z0-9~!$%^&*_=+}{\'?]+(\.[-a-z0-9~!$%^&*_=+}{\'?]+)*@([a-z0-9_][-a-z0-9_]*(\.[-a-z0-9_]+)*\.(aero|arpa|biz|com|coop|edu|gov|info|int|mil|museum|name|net|org|pro|travel|mobi|[a-z][a-z])|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(:[0-9]{1,5})?$/i; 

    return EMAIL_REGEXP.test(control.value) ? null : { 
     invalidEmailAddress:true 
    } 
} 

私は私のコンポーネントでValidator.composeを使用しませんし、それだけで正常に動作します。