角2 - エラー：FormControlのプロバイダがありません

Question

私はフォームコントロールにアクセスする必要があり、変更された値をリッスンするコミュニティ用のライブラリを作成しました。

ここでは、角度2.3と4.0を使用したときに以前に行ったことがあります。

export class ValidationMessageDirective implements OnInit { 

    @Input('validationMessage') customMessage: string; 
    constructor(private el: ElementRef, private formControl: NgControl, private validationMessageService: ValidationMessageService) { 
     this.target = $(el.nativeElement); 
     this.formGroup = this.target.closest('.form-group'); 

     this.formControl.valueChanges.subscribe((newValue) => { 
      this.checkValidation(); 
     }); 
    } 
} 

しかし、このコードは、角4.1へのアップグレード後はもう機能していません。 ERROR Error: Uncaught (in promise): Error: No provider for NgControl!

私が指示に変化した値をリッスンするための任意の提案やアイデアを： ここに私が手にエラーがですか？

UPDATE 1： ここで私のindex.ts

import { NgModule, ModuleWithProviders } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { ValidationMessageDirective } from './src/ng2-validation-message.directive'; 
import { ValidationMessageService } from './src/ng2-validation-message.service'; 

export * from './src/ng2-validation-message.directive'; 
export * from './src/ng2-validation-message.service'; 

@NgModule({ 
    imports: [ 
     CommonModule, 
     FormsModule, 
     ReactiveFormsModule 
    ], 
    declarations: [ 
     ValidationMessageDirective 
    ], 
    exports: [ 
     ValidationMessageDirective 
    ], 
}) 
export class Ng2ValidationMessage { 
    static forRoot(): ModuleWithProviders { 
     return { 
      ngModule: Ng2ValidationMessage, 
      providers: [ValidationMessageService] 
     }; 
    } 
} 

Answer 1

あなたはこれを試すことができますか？

import { ..., FormControlDirective, FormGroupDirective } from '@angular/forms'; 

@NgModule({ 
    ... 
    providers: [FormControlDirective, FormGroupDirective] 
}) 

Answer 2

入力フォームコントロールでない場合、この問題は、入力用のname属性を提供しなかった私のために、発生します。 角度バージョンの問題とは関係ありません。