发表于: 2017-07-24 22:57:33
1 771
1、看了angular-ui-bootstrap的分页插件Pagination,先放代码大概说一下里面的常用代码的意思。
<ul uib-pagination total-items="55" ng-model="vm.currentPage" ng-click="vm.choosePage()" items-per-page="vm.size" first-text="首页" last-text="尾页" previous-text="上一页" next-text="下一页" max-size="3" class="pagination-md" boundary-links="true" force-ellipses="true"></ul>
首页需引入相关插件。标签内需注明关键字“uib-pagination”表明引用了插件。
total-items:等于反馈回来总的列表数量。
ng-model:绑定当前页面,第几页。
items-per-page:每页显示多少条。小于1的值指示在一个页面上的所有项目。
first-text、last-text、previous-text、next-text:分别代表首/尾/前/后页码按钮的显示文字。
max-size:最多显示的页码数量(其他的隐藏)。
boundary-links:首页尾页显示按钮按钮(默认为否)。
force-ellipses:隐藏的页码是否使用省略号代替(默认为否)。
2、完成职位列表的url传参和刷新保存等功能,页面基本完成,待后端数据进行调试。
页面流程基本跟任务差不多,主要接口数据量略大。
之前考虑了$state.go使用对象进行传参,主要需要在路由接口那个换一下,然后在$state.go的时候再用JSON.stringify()将对象转换为json字符串。能够实现功能,但是由于没有单独进行null的赋值,绑定数据为空时,url仍然会显示绑定名称,体验不太好就还是换回了原来的方法。
3、刷新后接收url返回参数重新赋值给绑定框时,一是$stateParams反馈的数据需要使用Number()强制转换后才能传递到绑定框并渲染,打印先后都是1,没有类型说明。二是,返回时间时是GMT格式:Thu Aug 22 2013 15:12:00 GMT+0800,不想重新自定义格式,使用toLocaleDateString()将其转换为2000/01/01的格式即可(必须匹配原输入框格式,一般插件都有改格式的接口)。
收获:分页插件的使用说明,其余基本都是旧知识的。
困难:暂无。
计划:今天完成新增职位/编辑职位页面的编写,包括url传参。
评论