問題タブ [angular2-formbuilder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
427 参照

angular - 動的/リアクティブ フォーム エラー - Angular 2

Angular 2 Web サイトの Reactive Forms Guide に従いました。https://angular.io/docs/ts/latest/cookbook/dynamic-form.html

ただし、次のエラーが発生するため、新しい質問を追加するのに問題があります。

例外: http://10.1.6.78/hira/app/dynamic-form-question.component.php:9:28のエラー: 未定義のプロパティ 'valid' を読み取れません

次のコードが機能するため、質問の作成に関連している可能性が最も高いです。

しかし、このコードはエラーを出します:

0 投票する
3 に答える
29736 参照

forms - ボタンを使用して入力フィールドを追加する方法 - Angular 2 動的フォーム

だから私はここでガイドを使用しました: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html

既存のフィールドにさらにフィールドを追加する必要があります。動作するものを作成しましたが、不格好で、叩くとフォームがリセットされます。以下のコード:

dynamic-form.component.ts では:

question.service.ts で

私のボタンも入っていますが、代わりdynamic-form.component.htmlに入れたいです。dynamic-form-question.component.tsこれは可能ですか?

0 投票する
1 に答える
366 参照

angular - Angular 2 フォーム検証フレームワークの実装が機能しない

この記事に基づいてフォーム検証パターンを実装しようとしています: https://coryrylan.com/blog/angular-form-b​​uilder-and- validation-management

検証自体は正常に機能していますが、検証メッセージを表示するコンポーネントはトリガーされません。コンストラクターがヒットするとインスタンス化されますが、「this.control」(コンポーネントに提供された入力値を参照する) は未定義です。

これはコンポーネント自体のコードです

.. 検証サービスのコード ..

そして最後に、テストフォームのコンポーネントとテンプレート..


このすべてをhttp://plnkr.co/edit/rxvBLr5XtTdEUy5nGtAGに投稿しました

ここで不足しているものについてご意見をいただければ幸いです。

前もって感謝します!

0 投票する
1 に答える
1459 参照

angular - Angular2 Form Builder、値の配列を保存

私はAngular 2 Reactive Formビルダーを次のように使用しています:

値を配列にしたいのexcludedRecordsですが、これは HTML を生成する変数です。

そして、これは私が最初のフォーム選択を生成する方法です:

現在、値をtrueまたはfalseに切り替えるだけですが、各チェックボックスの入力で値の配列を出力したいのですが、これはAngular2 Form Builderで可能ですか?

0 投票する
1 に答える
2837 参照

angular - フォームのロード後にサービスからドロップダウン リストを作成する

Angular 2 Model Driven Form の Drop Down List で説明されている問題と同様の問題があります(ただし、選択ボックスへのモデル バインディングははるかに単純です)。

テンプレートは非常にシンプルで、基本的に「Dear x」のリストで、x はサービスによって提供されます。

セレクトボックスのスクリーンショット

コンポーネントでは、この選択ボックスのデータを取得するサービスにサブスクライブします (console.log実際にデータが到着することを示しています)。

サービスからの値でフォームを更新するためにこれらの方法を試しましたが、どれも機能していないようです:

  1. グループをリセットする

    /li>
  2. フォームの値にパッチを当てる

    /li>
  3. コントロールに値を設定する

    /li>
  4. フォームから値を設定します

    /li>

明らかに何かが欠けています...しかし、何ですか?

元の質問に編集

コンソールにデータの到着が表示されることがありましたが、コードをクリーンアップしてさらにテストした後、console.logこのコンポーネントがロードされたときにイベントが表示されなくなりました。これはタイミングの問題に違いないと思います.必要なデータを発行するサービスがすでに起動した後に、コンポーネントがロードされている可能性があります.

このコンポーネントは、次のように、navigate イベントで親コンポーネントによってロードされます。

この emitProposal は、ユーザーがデータをドロップすることによってこのコンポーネントで起動され、このメソッドが呼び出されます。

この「pushProposal」は、子コンポーネントがロードされる前に起動されるようですが、それが問題になる可能性はありますか?

(今、ログが以前に受信したデータをどのように示していたのか疑問に思っています、はは、この質問を書いている間に一体何を変更したのですか!?)

0 投票する
4 に答える
86677 参照

forms - 新しい FormGroup または FormControl をフォームに追加する方法

formで作成されたAngularには次のものがありますFormBuilder

FormControlや newなどの新しいフィールドFormGroupをプログラムで追加する方法はありますmyFormか?

必要に応じて、またはいくつかの条件で新しいフィールドを追加したい場合、最初に作成された同じフォームにアイテムを追加する方法はconstructor?

0 投票する
1 に答える
1012 参照

angular - ANGULAR2 フォームにデータベース primise のデータを入力する方法は?

私はangularとfirebaseも初めてなので、フォームにfirebase promiseデータからデータを入力するのに苦労しています。はい、私もプロミスとオブザーバブルの扱い方を理解するのに苦しんでいます。どんな助けにも感謝します。

コンソールに次のように表示されます: エラー: プロパティ「拒否」にアクセスする権限が拒否されました

よろしく