AngularJs学习笔记__5、内置过滤器

最新推荐文章于 2019-11-13 14:47:08 发布

polo_longsan

最新推荐文章于 2019-11-13 14:47:08 发布

阅读量355

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/polo_longsan/article/details/47679303

版权

AngularJs 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

AngularJs内置了一些过滤器，像日期格式化，字符串转json，大小写，数字格式化。下面来看它的使用方法。

一个过滤器不带参数的情况：{{expression | filter}}

一个过滤器带参数的情况：{{expression | filter:arguments}}

一个过滤器器带多个参数的情况：{{expression | filter:arg1:arg2:...}}

多个过滤器不带参数的情况：{{expression | filter1 | filter2 |...}}

下面是使用例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html ng-app>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"  src="js/angular.js"></script>
</head>
<body>
	大小写：
	<input type="text" ng_model="username" placeholder="world"/><br/>
	 小写lowercase：{{username|lowercase}}<br/>
	  大写uppercase：{{username|uppercase}}<br/>
	  <hr/>
	 number：
	  <input type="text" ng_model="num"/><br/>
	  保留两位小数：{{num | number:2}}
	   <hr/>
	   currency:
	   <input type="text" ng_model="currency"/><br>
	   货比符号：{{currency | currency:$}}
	   <hr/>
	   date:<input type="text" ng_model="today"/><br/>
	   yyyy-mm-dd: {{ today | date: "yyyy-mm-dd"}}<br/>
	  yyyy-mm-dd HH:mm::ss: {{ today | date: "yyyy-mm-dd HH:mm::ss"}}<br/>
	  <hr/>
	  json:
		{{ {"name":"dreamapple","language":"AngularJS"} | json}}
	  
</body>
</html>

polo_longsan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJs学习笔记__5、内置过滤器

AngularJs内置了一些过滤器，像日期格式化，字符串转json，大小写，数字格式化。下面来看它的使用方法。一个过滤器不带参数的情况：{{expression | filter}}一个过滤器带参数的情况：{{expression | filter:arguments}}一个过滤器器带多个参数的情况：{{expression | filter:arg1:arg2:...}}多个过滤
复制链接

扫一扫