問題タブ [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.
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' を読み取れません
次のコードが機能するため、質問の作成に関連している可能性が最も高いです。
しかし、このコードはエラーを出します:
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
これは可能ですか?
angular - Angular 2 フォーム検証フレームワークの実装が機能しない
この記事に基づいてフォーム検証パターンを実装しようとしています: https://coryrylan.com/blog/angular-form-builder-and- validation-management
検証自体は正常に機能していますが、検証メッセージを表示するコンポーネントはトリガーされません。コンストラクターがヒットするとインスタンス化されますが、「this.control」(コンポーネントに提供された入力値を参照する) は未定義です。
これはコンポーネント自体のコードです
.. 検証サービスのコード ..
そして最後に、テストフォームのコンポーネントとテンプレート..
このすべてをhttp://plnkr.co/edit/rxvBLr5XtTdEUy5nGtAGに投稿しました
ここで不足しているものについてご意見をいただければ幸いです。
前もって感謝します!
angular - Angular2 Form Builder、値の配列を保存
私はAngular 2 Reactive Formビルダーを次のように使用しています:
値を配列にしたいのexcludedRecords
ですが、これは HTML を生成する変数です。
そして、これは私が最初のフォーム選択を生成する方法です:
現在、値をtrueまたはfalseに切り替えるだけですが、各チェックボックスの入力で値の配列を出力したいのですが、これはAngular2 Form Builderで可能ですか?
angular - フォームのロード後にサービスからドロップダウン リストを作成する
Angular 2 Model Driven Form の Drop Down List で説明されている問題と同様の問題があります(ただし、選択ボックスへのモデル バインディングははるかに単純です)。
テンプレートは非常にシンプルで、基本的に「Dear x」のリストで、x はサービスによって提供されます。
コンポーネントでは、この選択ボックスのデータを取得するサービスにサブスクライブします (console.log
実際にデータが到着することを示しています)。
サービスからの値でフォームを更新するためにこれらの方法を試しましたが、どれも機能していないようです:
グループをリセットする
/li>フォームの値にパッチを当てる
/li>コントロールに値を設定する
/li>フォームから値を設定します
/li>
明らかに何かが欠けています...しかし、何ですか?
元の質問に編集
コンソールにデータの到着が表示されることがありましたが、コードをクリーンアップしてさらにテストした後、console.log
このコンポーネントがロードされたときにイベントが表示されなくなりました。これはタイミングの問題に違いないと思います.必要なデータを発行するサービスがすでに起動した後に、コンポーネントがロードされている可能性があります.
このコンポーネントは、次のように、navigate イベントで親コンポーネントによってロードされます。
この emitProposal は、ユーザーがデータをドロップすることによってこのコンポーネントで起動され、このメソッドが呼び出されます。
この「pushProposal」は、子コンポーネントがロードされる前に起動されるようですが、それが問題になる可能性はありますか?
(今、ログが以前に受信したデータをどのように示していたのか疑問に思っています、はは、この質問を書いている間に一体何を変更したのですか!?)
forms - 新しい FormGroup または FormControl をフォームに追加する方法
form
で作成されたAngularには次のものがありますFormBuilder
:
FormControl
や newなどの新しいフィールドFormGroup
をプログラムで追加する方法はありますmyForm
か?
必要に応じて、またはいくつかの条件で新しいフィールドを追加したい場合、最初に作成された同じフォームにアイテムを追加する方法はconstructor
?
angular - ANGULAR2 フォームにデータベース primise のデータを入力する方法は?
私はangularとfirebaseも初めてなので、フォームにfirebase promiseデータからデータを入力するのに苦労しています。はい、私もプロミスとオブザーバブルの扱い方を理解するのに苦しんでいます。どんな助けにも感謝します。
コンソールに次のように表示されます: エラー: プロパティ「拒否」にアクセスする権限が拒否されました
よろしく