发表于: 2017-04-27 20:26:11
1 1081
今天完成的事情:任务七获取数据并渲染,任务八用ui-router进行分页路由
明天计划的事情:继续任务八
遇到的问题:1.在获取后台数据时,用$http中的get方法进行获取后台数据,得到了很多储存着数据的数组,然后用ng-repeat方法将数组中的值提取并渲染到页面中,而获取的值分为可以直接输出的数据和需要转义的数据。其中时间是一串数字,需要用data方法的过滤器进行转换。
date过滤器的用法:
(1)在html中用法:{{ date_expression | date : format : timezone}}
实例:
<span>{{1288323623006 | date:'medium'}}</span><br>
<span>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span><br>
<span>{{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}</span><br>
<span>{{'1288323623006' | date:"MM/dd/yyyy 'at' h:mma"}}</span><br>
输出结果为:
Oct 29, 2010 11:40:23 AM
2010-10-29 11:40:23 +0800
10/29/2010 @ 11:40AM
10/29/2010 at 11:40AM
(2)在js中的用法:$filter('date')(date, format, timezone)
实例:
var today = new Date();$scope.formatDate = $filter('date')(today, 'yyyy-MM-dd');
输出结果为:
2015-01-28
2.在用ui-router进行分页设置的学习中,发现和ng-router不同的地方是,ui-router可以把分页链接也单独设置为一个页面,再加载主页面的时候首先加载出该页面,这样可能会在某些场合提供一定的帮助。不过最终我还是选择的将分页链接写在主页面中,较为直观。
收获:看着从后台提取出来的数据渲染到页面上,感觉自己棒棒的
评论