发表于: 2016-08-16 21:48:08

1 2028


今天完成的事情:task8

明天计划的事情:继续给task加功能

遇到的问题:input 中使用ng-model进行双向绑定 然后过滤器进行过滤报错 奎哥给出方案是用value单项绑定然后 用插件。。

收获:在控制器中使用过滤器对数据进行处理

1.在控制器中注入$filter   过滤器

2.使用过滤器对数据进行处理

$scope.joinTime = $filter('date')($scope.joinTimea, 'yyyy-MM-dd');


date是$filter  方法

$scope.joinTimea是数据

yyyy-MM-dd是date过滤器参数


再例如


$scope.name = $filter('date')('236478234','hh');

$scope.name = $filter('uppercase')('hello');


  1. Angularjs自定义filter过滤器

 

 

  1. filters.js添加一个module

查看复制打印?

angular.module('tanktest', []).filter('tankreplace', function() { 

    return function(input) { 

        return input.replace(/tank/, "=====") 

    }; 

}); 

2.app.js中加载这个module

查看复制打印?

var phonecatApp = angular.module('phonecatApp', [ 

  'ngRoute', 

  'phonecatControllers', 

  'facebookControllers', 

  'tanktest' 

]); 

3.html中调用

查看复制打印?

{{ "TANK is GOOD" | lowercase |tankreplace}}   //结果:===== is good 

注意:| lowercase |tankreplace管道命令可以有多个




返回列表 返回列表
评论

    分享到