問題タブ [angular2-formbuilder]

マテリアル デザイン コンポーネントを使用して暫定的なドロップダウン メニューを作成しようとしていますが、機能しない理由がわかりControlValueAccessorません。コードの関連部分は次のとおりです。

これは、それが使用されるテンプレートの一部です

これがフォームのセットアップです

このコードを実行しようとすると、

platform-b​​rowser.umd.js:1900 元の例外: 'shift' の値アクセサーがありません

私は何を取りこぼしたか？

次のエラーをスローするように見える Plunkr に Angular 2 RC4 基本フォームの例があります (Chrome DEV コンソールで)

プランカーはこちら

https://plnkr.co/edit/GtPDxw?p=preview

エラー：

私は最新の angular2 フォームで作業しており、この一見単純な作業に苦労しています。現在のコンポーネントのプロパティを読み取り、それに基づいて入力を検証できるカスタム検証関数が必要です。plnkr の例を次に示します。

http://plnkr.co/edit/bNFjNsCfhYjoqKaRZgQU?p=preview

この例では、常に必要なユーザー名フィールドと、顧客が既存の顧客である場合にのみ必要となるパスワード フィールドがあります。

私のフォーム宣言は次のとおりです。

私の検証機能は次のとおりです。

ただし、検証関数内で現在のコンポーネントを参照できません。[既存の顧客] ボタンをクリックすると、コンソールにエラーが表示されます。これは、カスタム関数がトリガーされ、見つからない場合thisです。

何か不足していますか？このタスクを達成するには、どのアプローチを取る必要がありますか?

ありがとう、

ハリー

FormGroup に複数のバリデータを追加するにはどうすればよいですか。

FormControl はバリデータの配列を受け入れることができますが、FormGroup は受け入れることができません。単一のカスタム バリデータを作成する以外に回避策はありますか?

私はrc4を使用しています。

Ionic 2 のページで FormBuilder を使用しようとしています。

まず、ここに私の環境の詳細があります: Windows 10 で実行し、ionic --versionを実行すると、 2.0.0-beta.35が得られます

これが私のpackage.jsonファイルの一部です:

次に、関連する 2 つの主要なファイルを次に示します。

Insight.ts

洞察.html

ご覧のとおり、FormGroup オブジェクトを複数のコンポーネントに渡して、それらを使用できるようにしようとしています。

コンポーネントの 1 つがどのように見えるかの例を次に示します (現在の最小バージョン)。

私が今直面している問題は、次のエラーです。

私が信じているのは、FormBuilder が typescript ファイルで宣言した特定の名前 (todo、imageUrl、link など) を探しているということですが、それは他のコンポーネントにあるため、そこにないと考えてエラーになります。 .

このエラーの原因は何ですか? オンラインで調べましたが、関連する問題は見つかりませんでした。

参考までに、同じページではなくコンポーネントでそれらを必要とする理由は、将来、入力ごとに機能が異なるため、各コンポーネントに「単一の責任」を与える必要があるためです。

前もって感謝します

Angular2 アプリのバックエンドでのみ検証を行うことにしました。このシナリオでは、ng2 の Forms、formBuilder、ngControls などの余分なコードは必要なく、多くのコードを追加しているようです。検証以外に何に役立ちますか?

(PS これが悪い考えであるという理由で応答しないでください。私たちはアプリのコンテキストを知っており、サーバー側のみの検証の長所と短所を認識しています。ng2 のフォームを使用しなかったことを後悔しているでしょうか。このシナリオでは? 他に役立つ機能や重要な機能はありますか?)