发表于: 2016-09-21 00:03:40
3 1718
今天完成的事:
1. 用Angular-ui-router实现主页和身份发放页的路由功能;
2. 用oc.lazyload和resolve实现按需加载。
明天计划的事:
1. 继续Task7,用AngularJS完成身份发放功能。
今天遇到的问题:
1.页面跳转之后发现样式乱了,点击浏览器后退按钮,发现前面的页面样式也乱了,页面之间相互跳转之后样式全乱,必须刷新一下才好,F12打开之后发现,用oc.lazyload和resolve加载的css、js文件页面跳转之后是不会消失了(刷新页面会消失),如果html和css样式里有重名的,样式肯定就乱了:
解决的办法暂时想到的就是把冲突的class名改掉,为什么刷新一下前一个页面的样式文件就会消失呢,能不实现在本页面加载之时也消除上一个页面的样式文件呢?
收获:
AngularJS ui-router和oc.lazyload:
1. 创建了页面片段,首页、身份发放页面都是做成页面片段,需要的时候通过resovle调用(包括页面片段的css文件),创建一个占位或者说父页面来装下这些页面片段.,名字随便取,nginx配置的时候默认页面要改成取的名字,父页面要写个<div ui-view=""></div>,每一个页面片段在加载之后会在父页面的<div ui-view=""></div>之下显示出来;
3. 页面直接的跳转要用ui-sref="shuffle"双引号的内容就是在路由配置中.state()的第一个参数。
2. 父页面中需要: (i)引入AngularJS框架 (ii)引入ui-router框架. (iii) 引入AngularJS文件 App.js (自己取的名字) (iv) 第四件事情就是让主页内容展示出来,然后显示出它里面的页面,也就是第一条中调用页面片段至<div ui-view=""></div>之中。
评论