問題タブ [angular2-formbuilder]

この質問は、すでに複雑な用語で問われていると思います。しかし、ここでは簡単にしようとしています。

form タグと Submit Buttonを持つ親コンポーネントがあります。フォームタグとボタンを持つ入力を持つ子コンポーネントがあります。 required field

custom validationここで、正常に機能する入力フィールドに入れたいとしましょうentered letters must be uppercase。要するに、両方の検証が子 cmp で正常に機能します。

ここで確認して再生できます=> https://plnkr.co/edit/0iMTib?p=preview

親の送信ボタンを有効にする方法、
または
親フォームを有効にする方法、

if child form is valid?

ネストされたフォームがさらにある場合も検討してください。

ANGULAR2 では、親のフォームと子のフォームの間に関係はありますか???

同じフォームの2つの異なる値を比較するバリデーターがあるかどうか疑問に思っています-次があるとしましょう：

ドキュメントでこれを見つけましたが、あまり役に立ちませんでした。

何か案は？

コントロール入力名を指定して特定のエラー メッセージを表示するコンポーネントを作成しようとしています。これが私のコードです...

register.ts:

コントロール msg.ts:

問題は、ご覧のControlMessagesとおり、 my parent の値を取得できないことNgFormModelです。

Angular 2 でこのエラーが表示されます。

例外: NgFormModel のプロバイダはありません! (ControlMessages -> NgFormModel)

NgFormModelControlMessages にプロバイダーとして 含めると、このエラーが表示されます。

例外: TypeError: [errorMessage !== null in ControlMessages@0:5] の null のプロパティ 'find' を読み取ることができません

アプリのブートストラップ中にプロバイダーを挿入していないことに注意してください。angular2 beta 12
を使用しています。

編集：

フォーム テンプレート:

バリデーション付きのフォームビルダーで簡単な登録フォームを作成する

ここに私のテンプレートがあります

ここに私のサインアップコンポーネントがあります:

ここの記事をフォローしました

上記のコードはクロムでは正常に動作しますが、Firefox、Edge、および IE ではページがまったく読み込まれず、エラーも発生しません。angular2 2.0.0-beta.7を使用しています

タイプ番号の入力フィールドが空でないことを検証しようとしています。空ですが、検証は成功します。

入力フィールドのタイプが text の場合は成功します。両方のケースを組み合わせた例を次に示します。

前の例では、番号を挿入してから削除しても、「名前が必要です」というエラー メッセージは表示されません。

次のようなフォームコンポーネントがあるとしましょう

私の見解では、 のドロップダウン メニューcategoriesと のテキスト エリアが必要textです。テキストエリアはシンプルで、

selectしかし、 usingを作成する方法の例が見つかりませんngFormModel。それらはすべて使用しているようで、プロパティを使用してタグを作成ngModelする*ngForループです。それは私が混合しなければならないということですか、またはこれを単独で行う方法はありますか?optionngValuengFormModelngModelngFormModel

私はAngular 2フレームワークが初めてです。助けていただければ幸いです。

angular 2に通常のコンポーネントがあります：

FormBuilder次に、コンストラクター関数に注入します。

HTML には次のマークアップが含まれます:

タイトルと説明がうまく機能します。しかし、ブートストラップ ドロップダウンを追加しましたが、フォーム要素はありません。

問題は、html マークアップにモデルが含まれていないことです。この問題を解決しようとした方法は、関数を作成することですonValueChanged

this.formData.pristineドロップダウンが変更された後に変更されないため、これらの行は両方とも機能していません。

今のところ私は更新する方法を考えFormBuilderています、いくつかの方法があればいいでしょう、例えばthis.fb.update()