发表于: 2017-05-16 23:53:47
1 1029
今天完成的事情:
今天又试着把有微钱项目的分页pagination部分的代码引入到任务8中,结果除了一些小问题,
后来请教了相博后才知道任务8的分页和搜索其实都和传参有关,而非我所设想的对数据进行处理。
路由和传参这一块之前看书的时候有看到过,但是并不知道会用到什么地方,实现什么功能。
晚上观看了雪峰的进复盘项目的审批PPT,回顾了他CSS和JS任务一路走来的历程和心得体会。
明天计划的事情:
完成剩下的搜索功能,开始任务9
遇到的问题:
把pagination代码引入后,首先需要给<pagination>标签加上total属性,
让total={{x}},x是列表项总数。
之后还要在路由部分的url后增加参数,
$stateProvider.state("pagetab",{
url: "/pagetab?page&size",
templateUrl: "template/pagetab.html"
});
还有就是
$http({
method: 'get',
url: '/carrots-admin-ajax/a/article/search?page='+$state.params.page+'&size='+$state.params.size,
headers: {'Content-Type': 'application/json'}
})
这样点击翻页时直接重载页面,更改url中的参数用来表示新的页码,而页面重载时请求的接口参数需要带上页码
收获:
今天改代码的时候遇到不少bug,锻炼了处理问题的能力,了解了url中的参数可以表示的新的内容,
对传参有了新的认识。对Angular处理表格信息的方式有所了解。
观看雪峰的PPT对进项目的要求和目标有所了解,学习目标更加清晰。
评论