您的位置:网站首页 > 行业资讯 > 行业动态 > 正文

沙龙国际城/沙龙国际城【官网】

  2016-01-22 10:14  中国润滑油信息网
沙龙国际城/沙龙国际城【官网】

angularjs filter 过滤器以及自定义 filter 过滤器详解

{"age": 12,"id": 11,"name": "sunm xing"},

{{ 250 | currency:"rmb ¥ " }} //成果: rmb ¥ 250.00

{"age": 12,"id": 11,"name": "sunm xing"},

{{ 250 | currency }} //成果: $250.00

{{ 024 | date }} //成果: may 3, 2011

$scope.name = $filter('date')('','hh');

1. angularjs filter 过滤器

1. uppercase, lowercase 巨细变换

{{ "i love tank" | limitto:6 }} //成果: i love

var phonecatapp = angular.module('phonecatapp', [

2. json 款式化

反省仿制打印?

1. filters.js 增添一个 module

2. 节制器运用 filter

把稳: | lowercase |tankreplace 管道指令能够有多个

{"age": 44,"id": 12,"name": "test abc"}

沙龙国际城/沙龙国际城【官网】

return function(input) {

2.app.js 中加载这个 module

2. 节制器中运用 filter

//上例成果: [{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test

] | filter:'s'}} //查找富含有 s 的行

3. date 款式化

6. filter 查找

'ngroute',

{{ | number }} //成果: 1,234,567

650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/75/85/wkiom1y7fayds-rhaagfzlm3ar4255.jpg" title="aa.png" alt="wkiom1y7fayds-rhaagfzlm3ar4255.jpg" />

4. numbe老虎机娱乐r 款式化

};

5. currency 钱银款式化

沙龙国际城/沙龙国际城【官网】{{ "tank is good" | lowercase |tankreplace}} //成果: ===== is good

{{ [{"age": 20,"id": 10,"name": "iphone"},

]);

{"age": 12,"id": 11,"name": "sunm xing"},

反省仿制打印?

{"age": 44,"id": 12,"name": "test abc"}

abc"}]

] | limitto:1 }} //成果: [{"age":20,"id":10,"name":"iphone"}]

{{ 024 | date:"yyyy-mm-dd hh:mm:ss" }} //成果: 2011-05-03 06:39:08

{{ "lower cap string" | uppercase }} //成果: lower cap string

{{ [{"age": 20,"id": 10,"name": "iphone"},

'facebookcontrollers',

3. angularjs 自定义 filter 过滤器

{{ {foo: "bar", baz: 23} | json }} //成果: { "foo": "bar", "baz": 23 }

进修关键:

angular.module('tanktest', []).filter('tankreplace', function() {

//上例成果:[{"age":20,"id":10,"name":"iphone"}]

{{ "tank is good" | lowercase }} //成果: tank is good

8. orderby 对像排序

{{ 024 | date:"mm/dd/yyyy @ h:mma" }} //成果: 05/03/2011 @ 6:39am

{{ [{"age": 20,"id": 10,"name": "iphone"},

] | orderby:'id':true }} //根 id 降序排

7. limitto 字符串,对像的截取

{"age": 12,"id": 11,happyub.net.com"name": "sunm xing"},

{{ 1. | number:1 }} //成果: 1.2

{{ "i love tank" | limitto:-4 }} //成果: tank

{"age": 44,"id": 12,"name": "test abc"}

{"age": 12,"id": 11,"name": "sunm xing"},

return input.replace(/tank/, "=====")

1. angularjs filter 过滤器

反省仿制打印?

{"age": 44,"id": 12,"name": "test abc"}

'phonecatcontrollers',

{"age": 44,"id": 12,"name": "test abc"}

3.html 中调用

{{ [{"age": 20,"id": 10,"name": "iphone"},

] | filter:{'name':'iphone'} }} //查找 name 为 iphone 的行

] | orderby:'id' }} //依据 id 升序排

'tanktest'

{{ [{"age": 20,"id": 10,"name": "iphone"},

3. 自定义 filter 过滤器

这篇文章出自 “wennuanyiran” 博客,请必须保存此出处http://dingzhaoqiang.blog.51cto.com//

$scope.name = $filter('uppercase')('hello');

});

  本文系中国润滑油信息网(www.sinolub.com)原创作品,若需转载务必以超链接的形式注明出处,转载时严禁任何有悖原文的文字修改;本网有权对所有侵权行为进行责任追究。

分享到: QQ空间 新浪微博 人人网 开心网 腾讯微博 更多

相关新闻

友情提醒

本信息真实性未经中国润滑油信息网证实,仅供您参考。未经许可,请勿转载。已经本网授权使用的,应在授权范围内使用,并注明“来源:中国润滑油信息网”。

本网部分文章转载自其它媒体,转载目的在于传递更多行业信息,并不代表本网赞同其观点和对其真实性负责。在本网论坛上发表言论者,文责自负,本网有权在网站内转载或引用,论坛的言论不代表本网观点。本网所提供的信息,如需使用,请与原作者联系,版权归原作者所有。如果涉及版权需要同本网联系的,请在15日内进行。

官方微博

热点招商

奥吉星润滑油全国招商

奥吉星润滑油(天泰集团化工控股有限公司 股票代码:GTS)是由天泰控股的专业润滑油生产企业。 全国招商热线:400-0635-789

Gulf海湾石油面向全国招商

海湾石油(中国)有限公司是Gulf Oil International 在国内的唯一子公司。 现诚招经销商。 招商热线:0535-2161171

埃尼润滑油面向全国招商

埃尼是一家综合性能源企业,业务遍及83个国家,拥有84,000名员工,从事石油和天然气勘探、生产、运输、转化和营销活动,业务涉及化工、油田服务、建筑和工程领域。

关于我们|本网动态|广告服务|联系方式|免责声明|版权信息|法律顾问
CopyRight©2015-2016 Sinolub.Com All Rights Reserved 九鼎公司 版权所有
《中华人民共和国增值电信业务经营许可证》编号:粤B2-20050302
服务热线:0754-88650988 在线服务QQ:619128006 润滑油商机信息群:③:50693127 ④:65958932