問題タブ [angular-forms]

質問する

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.

1776 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
1078 参照

angular - Angular2 & Firebase - URL パラメータに基づいてフォーム入力フィールドをプリロードする方法は?

私が持っているもの

  • firebase リストからプロジェクトを表示するプロジェクトのリスト (この情報は、firebase のノードを参照するプロジェクト リスト サービスから取得されます)
  • 新しいプロジェクトを追加するためのフォーム - これにより、新しいデータを firebase に書き込むことができます。URL は次のようになります: url.com/projects/0/edit
  • プロジェクトをクリックすると、URL が追加されたプロジェクトの詳細ページが表示されます ( url.com/projects/-key123456 ) (これは、別の Firebase ノードを参照する別のサービスを参照します)
  • プロジェクトの詳細ページに編集ボタンがあります。これをクリックすると、URL は次のようになります: url.com/projects/-key123456/edit
  • 要約すると、新しいアイテムを追加しても問題ありません。編集方法は後ほど書きます。選択したプロジェクトに基づいてフォームに事前入力する方法を知りたいだけです

達成方法がわからないこと

  • 選択したプロジェクトに基づいて、編集フォームの入力フィールドに事前入力するにはどうすればよいですか?

ProjectEditComponent.html

ProjectEditComponent.ts

どんな助けでも大歓迎です。

編集:以下は、種類 @msmolcic からの進行状況に基づく編集です!

ProjectEditComponent.ts

ProjectsResolver.ts

私はこれまでにこれらのいずれかを作成したことがないので、愚かなことをお許しください (Angular を学習したのは 1 週間半だけです)。返されたデータをコメントアウトすると、ページが読み込まれ、ナビゲートできるようになります。戻り行を含めると、ページがエラーなしで壊れます。

ルーティング

プロジェクト編集 HTML

今後ともよろしくお願いいたします。より身近に感じられるようになりました！:)


12345678910