`

AngularJS实战之filter的使用二

阅读更多
博文一中的filter是angular自带的filter,一般不会满足我们的使用。我们可以自定义filter。
一、自定义filter实现反转字符串
<div>{{ceshi|reverse}}</div>


app.filter('reverse', function() { 
  return function(text) {
  return text.split("").reverse().join("");
		};
});

app.controller("crl", function($scope, $filter) {
		$scope.ceshi="abcd";
		
	});

效果为:dcba
二、使用多个filter
<div>{{ceshi|reverse|uppercase}}</div>

效果为:DCBA
三、在controller中使用filter
注入filter即可
<div>{{date}}</div>
	<div>{{reverse}}</div>

app.controller("crl", function($scope, $filter) {
		$scope.reverse = $filter('reverse')("abcd");
		$scope.date = $filter('date')(new Date()); 
	});

效果为
Aug 24, 2017
dcba
1
0
分享到:
评论

相关推荐

    AngularJS过滤器filter

    NULL 博文链接:https://bijian1013.iteye.com/blog/2391821

    angularJs demo 各种基本用法

    angularJS router filter service diractive

    详解AngularJS中$filter过滤器使用(自定义过滤器)

    主要介绍了详解AngularJS中$filter过滤器使用(自定义过滤器)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    AngularJS中filter的使用实例详解

    主要介绍了AngularJS中filter的使用实例详解的相关资料,这里提供实例帮助大家理解掌握,希望能帮助到大家,需要的朋友可以参考下

    最新AngularJS开发宝典视频教程 后盾网AngularJS培训视频教程 后盾网.txt

    ├最新AngularJS开发宝典—第032讲 弹性盒模型+bootStrap 开发微信菜单前端之使用underscore完成微信菜单删除操作.mp4 ├最新AngularJS开发宝典—第033讲 修复删除菜单时一级菜单选项不显示的问题.mp4 ├最新...

    Angularjs中如何使用filterFilter函数过滤

    主要介绍了Angularjs中如何使用filterFilter函数过滤的相关资料,需要的朋友可以参考下

    AngularJS过滤器filter用法实例分析

    本文实例讲述了AngularJS过滤器filter用法。分享给大家供大家参考,具体如下: 这节我们来看看angularjs的过滤器filter。 在我们开发中经常需要在页面显示给用户的信息需要一定处理格式化,才能显示给用户。比如时间...

    AngularJS过滤器filter用法分析

    本文实例讲述了AngularJS过滤器filter用法。分享给大家供大家参考,具体如下: 在开发中,经常会遇到这样的场景 如用户的性别分为“男”和“女”,在数据库中保存的值为1和0,用户在查看自己的性别时后端返回的值...

    详解AngularJS中的filter过滤器用法

    这篇简单说一下angularjs的filter功能,angularjs的filter功能可分为二种,一种是内置的过滤器,一种是自定义的。 一,内置的过滤器 1,uppercase,lowercase大小转换 {{ "lower cap string" | uppercase }} //结果...

    angularjs过滤器--filter与ng-repeat配合有奇效

    本篇文章主要介绍了angularjs过滤器-filter与ng-repeat的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

    AngularJS过滤器filter用法总结

    主要介绍了AngularJS过滤器filter用法,结合实例形式较为详细的总结分析了过滤器filter的功能、分类、使用技巧及自定义过滤器的实现方法,需要的朋友可以参考下

    AngularJS中的过滤器filter用法完全解析

    在AngularJS的世界里,filter提供了一种格式化数据的方法,Angular也提供给我们了很多内建的过滤器,并且建立自定义过滤器也是相当的简单 在HTML的模板绑定{{}}中,我们使用 | 来调用过滤器,比如,我们想让字符串...

    详解Angularjs filter过滤器

    这篇简单说一下angularjs的filter功能,angularjs的filter功能可分为二种,一种是内置的过滤器,一种是自定义的。 Filter是用来格式化数据用的。 Filter的基本原型( ” 类似于Linux中的管道模式): {{ expression...

    AngularJS 中文手册

    例如:filter, date, currency, lowercase, uppercase... Global APIs 附加在angular对象上的核心公共API函数。这些核心函数对于你应用中的低级JavaScript操作很有用。 例如:angular.copy(), angular.equals(),...

Global site tag (gtag.js) - Google Analytics