发表于: 2017-05-17 23:03:58

1 929


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了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 "下线";
           }
}
});




返回列表 返回列表
评论

    分享到