問題タブ [angular-custom-validators]

こちらのstackblitzでプロジェクトを参照してください 。

firstNumberご覧のとおり、 、 、などのコントロールを持つリアクティブ フォームがsecondNumberありthirdNumberます。と の間でthirdNumber最小値を持つフォーム コントロールの値よりも値が大きくならないように、フォーム コントロールの検証が必要です。 firstNumbersecondNumber

コンポーネントにあるカスタムバリデーターは、フォームコントロールが変更さvalidateThirdNumberれるたびに正常に機能しますが、フォームコントロールの変更時に検証ロジックを変更する 必要があるため、フォームコントロールの変更時に検証ロジックを変更する必要があります. thirdNumberfirstNumbersecondNumberfirstNumbersecondNumber

その目的のために、フォーム コントロールの変更時にイベントを追加し、フォーム コントロールfirstNumberをsecondNumberマークしている場所にイベントを追加しthirdNumberましたtouchedが、その検証はトリガーされていないようです。

thirdNumberでは、フォーム コントロールの変更時にフォーム コントロールfirstNumberの検証を開始するにはどうすればよいsecondNumberでしょうか。

また、フォーム コントロール宣言にthis.myFormGroupバインドapp.componen.tsし、.line:22thisthis.myFormGroupconstructor

コードを実装しているときに、コンソールに次のエラーが表示されます

エラー: 名前のコントロールが見つかりません: FormGroupDirective.push../node_modules/@angular/forms/fesm5/forms.js.FormGroupDirective の setUpControl (forms.js:1640) で _throwError (forms.js:1732) で 'password' .addControl (forms.js:4454) at FormControlName.push../node_modules/@angular/forms/fesm5/forms.js.FormControlName._setUpControl (forms.js:4959) at FormControlName.push../node_modules/@angular /forms/fesm5/forms.js.FormControlName.ngOnChanges (forms.js:4909) で checkAndUpdateDirectiveInline (core.js:9244) で checkAndUpdateNodeInline (core.js:10512) で checkAndUpdateNode (core.js:10474) で debugCheckAndUpdateNode (core .js:11107) で debugCheckDirectivesFn (core.js:1106)

パスワードと再パスワード制御をグループ化して新しいフォーム グループを作成しようとしましたが、うまくいきません。

add-organization.ts

add-organization.html

パスワードとrePasswordの両方が同じでない場合、エラーメッセージが表示されることを期待しています

ほぼ同じ検証が必要な複数の入力フィールドがあります。エラーを表示するための HTML コードの繰り返しを減らす方法はありますか。

私のコードは以下の通りです

入力フィールドと必須の div タグを除いて、他のすべてのバリデータ HTML コードは入力フィールドごとに繰り返されます。エラーメッセージのタンプレートを返すことができる方法はありますか。null の代わりに