angular.js - 프런트 엔드 라우팅에서 anglejs와 jquery-mobile 충돌
大家讲道理
大家讲道理 2017-05-15 16:53:12
0
4
928

현재 부분 보기가 새로 고쳐지고 있습니다. 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#/
그런 다음 /

인 다른 경로로 라우팅합니다.

원래 질문: 각도에서 전체 페이지를 새로 고치는 방법은 무엇입니까?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

모든 응답(4)
PHPzhong

해결 과정

전체 페이지를 강제로 새로고침해야 합니다. 부분 새로고침은 불가능합니다. F5의 효과
=====================>
새로 고침 후에 URL이 변경된다는 사실을 발견했습니다
URL이 변경되지 않으면 window.reloadurl会变化
如果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 변경 문제를 해결해야 합니다
=====================>
페이지 로딩 오류가 계속 발생하고 있어서요

확인해 보니 jquery-mobile🎜에서 가져온 것입니다. 그러다가 JQM의 JS와 CSS 파일을 차단했는데 URL 변경이 JQM으로 인해 발생했다는 사실을 발견했습니다🎜 관련 솔루션 찾기 🎜 =====================>🎜 아, jquery-mobile+angular를 고수하고 싶다면🎜 jqm의 페이지 점프를 사용해야 합니다. 🎜 =====================>🎜 프런트 엔드 UI 프레임워크는 jquery-mobile에서 bootstrap🎜으로 대체되었습니다. 🎜결론🎜 🎜프런트 엔드 라우팅과 관련하여 jqm과 각도 사이에 충돌이 있습니다, 🎜 jqm을 사용하려고 하면 각도의 프런트엔드 라우팅을 사용할 수 없습니다. 페이지 점프를 작성하려면 jqm의 jq를 사용해야 합니다. 이로 인해 페이지가 지저분해질 수 있습니다. 🎜 그래서 부트스트랩으로 교체하는데 반나절이 걸렸습니다. 🎜
左手右手慢动作

location.href? 위치.해시?

小葫芦

사용하기 쉽지 않다면 jquery를 사용해 보세요. 어떻게 생각하시나요

洪涛

왜인지는 모르겠지만, 당신의 상황을 보면 꼭 도와주고 싶은 마음이 듭니다. 현재 저는 JQM과 Angularjs를 통합하고 있으며 몇 가지 아이디어가 있습니다!
특히 jqm을 초기화할 때 일부 매개변수를 구성하세요.

으아악

각 구성에 대해서는 공식 API 문서를 참고하세요.
이러한 구성 중 하나는 JQM 라우팅을 끄는 URL 충돌 문제를 해결하는 것입니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿