• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

深入理解angularjs过滤器

angularjs 搞代码 4年前 (2021-12-31) 23次浏览 已收录 0个评论

下面小编就为大家带来一篇深入理解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是第<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span>三个参数 <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>姓名:{{list.name}},人数{{(lists | my_data_format: '2').length}}</p>

以上就是深入理解angularjs过滤器的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:深入理解angularjs过滤器
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址