現(xiàn)在、部分的なビューが更新されているため、jquery-mobile の一部のスタイルが無(wú)効になるため、ページ全體を強(qiáng)制的に更新する必要があります。
ページ全體を更新するにはどうすればよいですか?
補(bǔ)足: location.replace()
を使用する場(chǎng)合は、最初に location.replace('page/page1.html)
を使用して特定の場(chǎng)所を直接見つけます。この場(chǎng)合、実際には、そのページのコードのみが得られ、次に、テンプレート ページは CSS 部分を含まない純粋な HTML です。
location.replace(#page1)
を使用すると、部分的なビューが切り替わるだけで、効果はありません。
$location.reload()
の場(chǎng)合、現(xiàn)在のページを更新する代わりに、ルート內(nèi)の /
で定義された場(chǎng)所にジャンプします…………
現(xiàn)在のページ全體を更新するにはどうすればよいですか?または
現(xiàn)在のページが http://localhost:8080/#/setting
の場(chǎng)合
F5 以降は http://localhost:8080/setting#/
次に、それ以外の /
光陰似箭催人老,日月如移越少年。
ページ全體を強(qiáng)制的に更新する必要があります。部分的な更新はできません
F5の効果です
=====================>
URL は更新後に変更される
ことがわかりましたurl會(huì)變化
如果url不變化,那么我們使用window.reload就可以了
所以要解決URL變化的問題
=====================>
因?yàn)轫?yè)面一直報(bào)error loading page錯(cuò)誤
查了一下這個(gè)是jquery-mobile的
然后屏蔽了JQM的JS和CSS文件,發(fā)現(xiàn)URL變化是JQM引起的
查找相關(guān)的解決方案
=====================>
哦,如果要堅(jiān)持jquery-mobile+angular
就要用jqm的頁(yè)面跳轉(zhuǎn)。
=====================>
前端UI框架由jquery-mobile
替換為bootstrap
jqm和angular關(guān)于前端路由方面有沖突
URLが変わらない場(chǎng)合は、window.reload
を使用できます。
したがって、URL の変更の問題を解決する必要があります
=====================>
URL の変更は JQM によって引き起こされた
ことがわかりました??
関連するソリューションを見つける ??
=====================>??
ああ、jquery-mobile+angular
にこだわりたい場(chǎng)合は??
jqmのページジャンプを使用する必要があります。 ??
=====================>??
フロントエンド UI フレームワークは jquery-mobile
に置き換えられ、bootstrap
になります??
??結(jié)論??
??フロントエンドルーティングに関して jqm と angular の間に競(jìng)合があります
、??
jqm を使用する場(chǎng)合は、angular のフロントエンド ルーティングを使用できません。ページ ジャンプを記述するには jqm の jq を使用する必要があり、ページが亂雑になる可能性があります。 ??
ということでブートストラップに交換するのに半日かかりました。 ??なぜだかわかりませんが、あなたの狀況を見ると、本當(dāng)にあなたを助けたいと思います。現(xiàn)在、JQM と Angularjs も統(tǒng)合しており、いくつかのアイデアがあります。
具體的には、jqm の初期化時(shí)にいくつかのパラメーターを設(shè)定します。
各構(gòu)成については、公式 API ドキュメントを參照してください。
これらの構(gòu)成の 1 つは、JQM ルーティングをオフにすることで URL 競(jìng)合の問題を解決することです。