問題タブ [angular-activatedroute]

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 投票する
3 に答える
1157 参照

angular - Angular アプリのコンポーネントに戻るときに ActivatedRoute を使用してデータをロードする

ユーザーがコンポーネントに戻ったときに、最後に離れたときの URL の状態でコンポーネントがロードされるように、onInit ライフサイクルフック内でこれをロードできるように、Angular アプリで activateRoute を取得しようとしています。 .

私はすでに activateRoute をインポートしており、コンストラクターに注入しています:

次に、onOnit で、私が持っているものを確認するために、これを試しました。

console.log('ルート情報:', this.route.queryParams);

返されるのは ですbehavior subjectので、これを追加してみます:

これで が返されますsubscriber

要するに、現在の URL/クエリ文字列をキャプチャして、ngOnInit 内にロードできるようにすることです。このようなもの:

これは近くに見えますか?コンポーネントを実際に activateRoute を使用して url/query 文字列にあるものをロードするにはどうすればよいですか?

更新:以下の提案の後、私はそれがこのように見えると思いますか?

更新 2:

私がこれを行う場合:

これをコンソールに戻します。

そして、これは私のURL/クエリ文字列がどのように見えるかです:

そのため、コンソールに表示されているものからクエリ文字列を取得しているようです。

要するに、これは、コンポーネントが読み込まれるときに、URL/クエリ文字列の現在の状態を読み込みますか?

どうやら、そうではありません。これは、コンポーネントをロードするときに URL に対して取得するものだからです。

0 投票する
0 に答える
785 参照

angular - Angular は URL パラメータを受け取り、入力フィールドに書き込みます

パスワード変更コンポーネントがあるシステムがあります。ここでの問題は、resetPW からの URL パラメーターが最初の入力フィールドに入ることです。

ページをロードすると、リセットからのパラメータが最初の入力フィールドに入ります

これは私のcomponent.htmlです:

これは私のcomponent.tsです:

この行は、何らかの理由で入力フィールドに url パラメーターを入れます。

なぜこれが起こっているのかわかりません、誰か助けてもらえますか?