angular.js - フロントエンドルーティングでの angularjs と jquery-mobile の競合

Question

現在、部分的なビューが更新されているため、jquery-mobile の一部のスタイルが無効になるため、ページ全体を強制的に更新する必要があります。
ページ全体を更新するにはどうすればよいですか?

補足: location.replace() を使用する場合は、最初に location.replace('page/page1.html) を使用して特定の場所を直接見つけます。この場合、実際には、そのページのコードのみが得られ、次に、テンプレート ページは CSS 部分を含まない純粋な HTML です。
location.replace(#page1) を使用すると、部分的なビューが切り替わるだけで、効果はありません。
$location.reload() の場合、現在のページを更新する代わりに、ルート内の / で定義された場所にジャンプします…………
現在のページ全体を更新するにはどうすればよいですか?または

ルーティングを設定するにはどうすればよいですか? ページを更新すると、ホームページにジャンプするのではなく、現在のページが更新されますか?

現在のページが http://localhost:8080/#/setting
の場合 F5 以降は http://localhost:8080/setting#/
次に、それ以外の /

にルーティングします。

元の質問: Angular でページ全体を更新するにはどうすればよいですか?

Answer 1

解決プロセス

ページ全体を強制的に更新する必要があります。部分的な更新はできません
F5の効果です
=====================>
URL は更新後に変更されることがわかりましたurl会变化
如果url不变化，那么我们使用window.reload就可以了
所以要解决URL变化的问题
=====================>
因为页面一直报error loading page错误
查了一下这个是jquery-mobile的
然后屏蔽了JQM的JS和CSS文件，发现URL变化是JQM引起的
查找相关的解决方案
=====================>
哦，如果要坚持jquery-mobile+angular
就要用jqm的页面跳转。
=====================>
前端UI框架由jquery-mobile替换为bootstrap

结论

jqm和angular关于前端路由方面有冲突 URLが変わらない場合は、window.reload
を使用できます。 したがって、URL の変更の問題を解決する必要があります
=====================>

ページがページ読み込みエラーを報告し続けるためです🎜 確認したところ、これは jquery-mobile からのものです🎜 次に、JQM の JS ファイルと CSS ファイルをブロックしたところ、URL の変更は JQM によって引き起こされたことがわかりました🎜 関連するソリューションを見つける 🎜 =====================>🎜 ああ、jquery-mobile+angular にこだわりたい場合は🎜 jqmのページジャンプを使用する必要があります。 🎜 =====================>🎜 フロントエンド UI フレームワークは jquery-mobile に置き換えられ、bootstrap になります🎜 🎜結論🎜 🎜フロントエンドルーティングに関して jqm と angular の間に競合があります、🎜 jqm を使用する場合は、angular のフロントエンド ルーティングを使用できません。ページ ジャンプを記述するには jqm の jq を使用する必要があり、ページが乱雑になる可能性があります。 🎜 ということでブートストラップに交換するのに半日かかりました。 🎜

Answer 2

location.href? location.hash?

Answer 3

これが使いにくい場合は、jquery を使用してください。どう思いますか

Answer 4

なぜだかわかりませんが、あなたの状況を見ると、本当にあなたを助けたいと思います。現在、JQM と Angularjs も統合しており、いくつかのアイデアがあります。
具体的には、jqm の初期化時にいくつかのパラメーターを設定します。

リーリー

各構成については、公式 API ドキュメントを参照してください。
これらの構成の 1 つは、JQM ルーティングをオフにすることで URL 競合の問題を解決することです。