发表于: 2016-09-21 00:03:40

3 1719


今天完成的事:

1. Angular-ui-router实现主页和身份发放页的路由功能;

2. oc.lazyloadresolve实现按需加载。

 

明天计划的事:

1. 继续Task7,用AngularJS完成身份发放功能。

 

今天遇到的问题:

1.页面跳转之后发现样式乱了,点击浏览器后退按钮,发现前面的页面样式也乱了,页面之间相互跳转之后样式全乱,必须刷新一下才好,F12打开之后发现,用oc.lazyloadresolve加载的cssjs文件页面跳转之后是不会消失了(刷新页面会消失),如果htmlcss样式里有重名的,样式肯定就乱了:

解决的办法暂时想到的就是把冲突的class名改掉,为什么刷新一下前一个页面的样式文件就会消失呢,能不实现在本页面加载之时也消除上一个页面的样式文件呢?
 
 

收获:

AngularJS ui-routeroc.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>之中



返回列表 返回列表
评论

    分享到