[Angularjs]过滤器

用户的数据。AngularJS有很多实用的内置过滤器，同时也提供了方便的途径可以自己创建过滤器。

调用过滤器。当然也可以对同一个数据使用多个过滤器。

currency

自定义货币符号。

Meta 过滤器 Meta

</span><span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;script</span><span style="color: #0000ff;"&gt;></span>

</head>
<body>
<div ng-controller="FilterController">
<ul>
<li>

currency:{{1023|currency}}
</li>
</ul>
</div>
</body>
</html>

date

年份格式化< 月份格式化日期格式化小时格式化分钟格式化秒数格式化字符格式化

显示2015-08-23格式的日期，可以这样写日期格式化格式：

filter

生成一个新的数据源返回。这个过滤器通常用来过滤需要进行展示的元素。比如，在搜索中，可以从一个数组中立刻过滤出所需的结果。这个过滤器的第一个参数可以是字符串，对象或一个用来从数组中选择的函数。

字符串：返回所有包含这个字符串的元素。如果我们想返回不包含这个字符串的元素，在参数前加!符号。
对象：Angularjs会将待过滤对象的属性同这个对象中的同名属性进行比较，如果属性值是字符串就会判断是否包含该字符串。如果我们希望对全部属性进行对比，可以将$当作键名。
函数

函数，返回非假值得元素会出啊先在新的数组中并返回。

输出包含a的字符串输出不包含a的字符串

自定义一个函数进行过滤，比如输出年龄大于21的对象。

{{[{'id':1,'age':22}]|filter:ageThan21 }}

21) { return p; }; };

函数：运行这个函数，如果返回真值就接受这个元素。

json

limitTo

生成一个新的数组或字符串，新的数组或字符串的长度取决于传入的参数，通过传入参数的正负值来控制从前面还是从后面开始截取。

lowercase

uppercase

number

截取的位数。

orderBy

函数，字符串，数组。

自定义的过滤器有点类似上面的filter过滤器，下面举一个例子，对比一下。

自定义过滤器，将一个句子的首字母转换为大写。

自定义过滤器

内容到此结束，在实际项目中还是比较常用的。

原文链接：/angularjs/191492.html

猜你在找的Angularjs相关文章