2017-07-27 3 views
0

上の動的なフォームのカスタム非同期検証私はng2-dynamic-formsを使用していると私はダイナミックなフォームグループモデルとどのようにasyncvalidation作品を理解することはできません。NG2 DynamicFormGroupModel

私は asyncvalidator DynamicFormControlModelのプロパティ などと例を見つけることができませんでした

(参照:asyncValidator api doc)を

究極の目標は、areasGroupの面積の入力値をチェックしているかどうかをチェックするために `asyncvalidatorを作ることですサブエリアは、私はこのを行っている



mainArea より小さいですテストするためにasyncvalidationが動作しません。

私を助けることができますか?

asyncValidator : {areaGroupValidator:areaGroupValidator} 

とareaGroupValidator機能で、私たちは次のように機能を返す必要があります:DynamicFormGroupModelのプロパティで は、我々が設定する必要があります。

+0

あなたが開始することができます – yurzui

+0

感謝のVERY MUCHinput'このhttps://plnkr.co/edit/Tgl98NGnAFwYovoOwCan?p=preview編集してみ 'サブエリアとあなたの助けにのおかげで、私はasyncvalidation特性を理解するために管理し、今私は森林サービス のために作るしようとしているアプリケーションを続行することができ、私は私の[plunker]を修正する(https://embed.plnkr.co/gAuEzUfW7XwoRxhEYPQt/ )今は正常に動作します。 !!! はありがとう –

+0

私は助け聞いてうれしいです – yurzui

答えて

0

感謝のAvnesh Shakyaには、私は答えを見つける

export function areaGroupValidator() { 
return function(formGroup: FormGroup): Promise<ValidationErrors | null> { 
    let TotalArea = formGroup.controls.areaInput.value; 
    let SubArea = formGroup.controls.subAreaInput.value 
    if (SubArea > TotalArea) { 
    return new Promise((resolve, reject) => { 
     resolve({areaGroupValidator: true}); 
    }); 
    } else { 
    return new Promise((resolve, reject) => { 
     resolve(null); 
    }); 
    } 

}