目前就是刷新局部视图,jquery-mobile的某些样式会失效,需要强制刷新整个页面。
如何刷新整个页面?
补充:如果使用location.replace()
,先是location.replace('page/page1.html)
这样直接定位到具体位置,这样的话只会那个页面的代码,实际上那个页面是一个模板页面,那么那个模板页面就是纯HTML,无CSS部分。
然后用location.replace(#page1)
这样只是切换了局部视图,并没有什么效果。
如果是$location.reload()
那么会跳转到路由里/
定义的位置,不是刷新当前页面………………
如何刷新当前整个页面?或者
路由里如何配置,刷新页面是是刷新当前页面,而非跳转到首页?
如果当前页面是http://localhost:8080/#/setting
F5后是http://localhost:8080/setting#/
那么路由到otherwise,也就是/
解决过程
需要强制刷新整个页面 部分刷新是不行的
就是F5的效果
=====================>
发现刷新后
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关于前端路由方面有冲突
,如果坚持用jqm,那么就不能使用angular的前端路由,必须用jqm的jq写页面跳转,那样页面可能会比较杂乱。
所以花了半天时间替换成了bootstrap。