角度：私はのCustomValidatorで入力を持っているngModelChange

Question

後に実行検証（何それがないことはここでは関係ありません、それはそれはいくつかの正規表現にcorreponds場合は入力を検証するだけでカスタムバリデータです）fooValidatorの名前：

   <form #contratForm="ngForm"> 
        <input type="text" 
          class="validate" 
          [(ngModel)]="foo" 
          name="foo" 
          ngControl="foo" 
          fooValidator 
          (ngModelChange)="blah($event)" 
          required 
        /> 
       </form> 

と私のコンポーネント内：

blah(event) { 
    if(this.contratForm.controls.foo.valid){ 
    console.log("Valid") 
    } 
} 

「有効」は決して私のコンソールに表示されません。これは、検証の前にngModelChangeが実行されるときに発生します。私はsetTimeoutに私のblah関数をラップすることができ、 "Valid"が表示されます。ハッキーを使わずにそうする方法はありますかsetTimeout？

Answer 1

あなたは

this.contratForm.get('foo') 
    .statusChanges.forEach(
     (s) => { 
      console.log(s); 
     } 
    );