深入理解angularjs过滤器
来源: 阅读:678 次 日期:2016-06-23 11:55:19
温馨提示: 小编为您整理了“深入理解angularjs过滤器”,方便广大网友查阅!

下面小编就为大家带来一篇深入理解angularjs过滤器。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。

•在html文件中和在js文件中使用

$scope.form_time = $filter('date')($scope.time, 'yyyy-MM-dd HH:mm:ss');

<p>{{time | date: 'yyyy-MM-dd HH:mm:ss'}}</p>

•内部过滤器和自定义过滤器

.filter('my_data_format',[function(){

  return function(data,str,sss){

    console.log('data: ',data,' str: ',str,' sss: ',arguments[2]);

  }

}]);

//var1就是第一个参数data, 123是第二个参数str, this是第三个参数

<p>{{var1 | my_data_format : 123 : 'this'}}</p>

//对传入的数据进行处理

.filter('my_data_format',[function(){

  return function(data,str){

    var arr=[];

    angular.forEach(data, function(one_list){

      if(one_list.status == str){

        arr.push(one_list);

      }

    });

    return arr;

  }

}]);

//过滤器可以用在绑定的值中,也可以用在ng-if="(lists | my_data_format: '2').length>0", 和ng-show等;类似的表达式中。作为判断语句

<p ng-repeat = "list in lists">姓名:{{list.name}},人数{{(lists | my_data_format: '2').length}}</p>

以上这篇深入理解angularjs过滤器就是小编分享给大家的全部内容了,希望能给大家一个参考

更多信息请查看网络编程
手机网站地址:深入理解angularjs过滤器
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map