发表于: 2017-03-13 23:35:41
1 1363
今天完成的事情:
1.合并前台代码,差漏补缺(a.首页服务流程部分,跳转宽度;b.找精英页面获取banner图,c.关于我们页面布局优化)
2.公司搜索和工作搜索添加过滤器;
3.前台路由修改,完善了导航的高亮;
4.底部的关于我们,联系我们跳转后再页面能正确反应。
明天计划的事情:
1.搭建后台路由(各个页面,以及懒加载的配置),完成登录功能;
遇到的问题:
1.地区过滤时,未注意到返回值类型,过滤后一直为空。后来找到返回值为字符串,处理后能正常取值。
2.修整导航栏高亮时,开始使用ui-sref-active来判断,后来发现只能判断当前页面,不能获取子页面的状态,请教锐泉,告诉可以使用$state.includes来判断。
关于$state.includes的使用,大致总计下:
1.如果当前状态被激活,那么他的父级也会隐形的被激活;例如app.findJob.jobDetail为激活状态,
那么$state.includes('app.findJob.jobDetail')为ture;$state.includes('app.findJob')为ture.
2.激活state的三种方法:
a。调用$state.go()方法,这是一个高级的便利方法;(第一种用的比较多)
b。点击包含ui-sref指令的链接;
c。导航到与状态相关联的 url。
3.$state.includes结合ng-class使用,多个时用‘||’分割;例如:
ng-class="{active: $state.includes('app.findJob')||$state.includes('app.searchCpy')}
4.app为父级,配置路由时设置abstract: true,
app的控制器里设置全局变量$rootScope.$state = $state;
在其余子页面设置vm.params = $state.params;(这里controllerAs vm)
收获:
1.零零散散的改动以及state的管理。
评论