发表于: 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-textlast-textprevious-textnext-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传参。



返回列表 返回列表
评论

    分享到