发表于: 2017-05-17 23:03:58
1 930
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
了解AngularJS中过滤器的使用
如何实现自定义过滤器实现功能
明天计划的事情:(一定要写非常细致的内容)
了解AngularJS如何实现传参,及传参的几种方法
使用ui-bootstrap修改任务页面的样式
遇到的问题:(遇到什么困难,怎么解决的)
AngularJSs的页面如何实现参数传递
继续参照资料了解AngularJS传参是如何实现的
收获:(通过今天的学习,学到了什么知识)
实现AngularJS 过滤器将服务器返回的数据转换成页面的内容:
/**
* 过滤器
*/
angular.module("myApp")
//filter 从数组项中选择一个子集。
.filter('statusFilter', function () {//function前面是过滤器名称。
var statusArray = [' ', "草稿", "上线"];//这里是要过滤出来的内容。
return function (status) {//括号里面的参数可以任意修改,从下面可以看出来,这个参数是数组下标
//这里返回一个参数,替代第一个参数,不用再声明filter,直接引用后面那个名字就可找到这个东西
return statusArray[status];
}
})
.filter("pageTypeFilter", function () {
var pageTypeArray = ['首页Banner', '找职位Banner', '找精英Banner', '行业大图'];
return function (type) {
return pageTypeArray[type];
}
})
//自定义 Data 过滤器
.filter('timeFilter', function () {
return function (t) {
return time = new Date(t).toLocaleString();
}
})
//Article 列表页面 状态操作按钮名字
.filter('articleStatusChangeFilter', function () {
return function (status) {
switch (status) {
case 1:
return "上线 ";
case 2:
return "下线";
}
}
});
评论