filter的两种使用方法
1. 在模板中使用filter
 我们可以直接在{{}}中使用filter,跟在表达式后面用 | 分割,语法如下:
 {{ expression | filter }}
 也可以多个filter连用,上一个filter的输出将作为下一个filter的输入
 {{ expression | filter1 | filter2 | ... }}
 filter可以接收参数,参数用 : 进行分割,如下:
 {{ expression | filter:argument1:argument2:... }}
 除了对{{}}中的数据进行格式化,我们还可以在指令中使用filter,例如先对数组array进行过滤处理,然后再循环输出:
 <span ng-repeat="a in array | filter ">
2. 在controller和service中使用filter
 我们的js代码中也可以使用过滤器,方式就是我们熟悉的依赖注入,例如我要在controller中使用currency过滤器,只需将它注入到该controller中即可,代码如下:
 app.controller('testC',function($scope,currencyFilter){
     $scope.num = currencyFilter(123534);  
 }
 在模板中使用{{num}}就可以直接输出 $123,534.00了!在服务中使用filter也是同样的道理。
ng提供了一个$filter服务可以来调用所需的filter,你只需注入一个$filter就够了,使用方法如下:
 app.controller('testC',function($scope,$filter){
     $scope.num = $filter('currency')(123534);
 $scope.date = $filter('date')(new Date());  
 }
可以达到同样的效果。好处是你可以方便使用不同的filter了。
filter的两种使用方法的更多相关文章
- angular2系列教程(十)两种启动方法、两个路由服务、引用类型和单例模式的妙用
		
今天我们要讲的是ng2的路由系统. 例子
 - git两种合并方法 比较merge和rebase
		
18:01 2015/11/18git两种合并方法 比较merge和rebase其实很简单,就是合并后每个commit提交的id记录的顺序而已注意:重要的是如果公司用了grrit,grrit不允许用m ...
 - 两种Ajax方法
		
两种Ajax方法 Ajax是一种用于快速创建动态网页的技术,他通过在后台与服务器进行少量的数据交换,可以实现网页的异步更新,不需要像传统网页那样重新加载页面也可以做到对网页的某部分作出更新,现在这项技 ...
 - mysql in 的两种使用方法
		
简述MySQL 的in 的两种使用方法: 他们各自是在 in keyword后跟一张表(记录集).以及在in后面加上字符串集. 先讲后面跟着一张表的. 首先阐述三张表的结构: s(sno,sname. ...
 - C#中的两种debug方法
		
这篇文章主要介绍了C#中的两种debug方法介绍,本文讲解了代码用 #if DEBUG 包裹.利用宏定义两种方法,需要的朋友可以参考下 第一种:需要把调试方法改成debug代码用 #if DEBU ...
 - Service的两种启动方法
		
刚才看到一个ppt,介绍service的两种启动方法以及两者之间的区别. startService 和 bindService startService被形容为我行我素,而bindService被形容 ...
 - jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
		
在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. [WebMethod] public static string SayHe ...
 - android studio gradle 两种更新方法更新
		
android studio gradle 两种更新方法更新 第一种.Android studio更新 第一步:在你所在项目文件夹下:你项目根目录gradlewrappergradle-wrapper ...
 - iOS学习——UITableViewCell两种重用方法的区别
		
今天在开发过程中用到了UITableView,在对cell进行设置的时候,我发现对UITableViewCell的重用设置的方法有如下两种,刚开始我也不太清楚这两种之间有什么区别.直到我在使用方法二进 ...
 
随机推荐
- (转)没有IE就没有伤害!浏览器兼容性问题解决方案汇总
			
普及:浏览器的兼容性问题,往往是个别浏览器(没错,就是那个与众不同的浏览器)对于一些标准的定义不一致导致的.俗话说:没有IE就没有伤害. 贴士:内容都是自己总结的,不免会出现错误或者bug,欢迎更正和 ...
 - 如何为ubuntu server 版本 安装图形界面
			
强烈建议使用命令行的交互方式,就算你在server上装了图形界面,但是在Linux上,大部分重要的操作还是要通过命令行的方式进行操作. 如何为ubuntu server 版本 安装图形界面 Ubunt ...
 - Spring详解(一)------概述
			
本系列教程我们将对 Spring 进行详解的介绍,相信你在看完后一定能够有所收获. 1.什么是 Spring ? Spring是一个开源框架,Spring是于2003 年兴起的一个轻量级的Java 开 ...
 - 以太坊系列之十六: 使用golang与智能合约进行交互
			
以太坊系列之十六: 使用golang与智能合约进行交互 以太坊系列之十六: 使用golang与智能合约进行交互 此例子的目录结构 token contract 智能合约的golang wrapper ...
 - JS中的事件以及DOM 操作
			
[DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document. ...
 - ADO.NET调用存储过程
			
建表 CREATE TABLE [tab_cJ] ( [id] [, ) NOT NULL PRIMARY KEY, [name] [varchar] () , [age] [int] NULL , ...
 - 微信小程序开发历程
			
小程序: 帮助文档:(https://mp.weixin.qq.com/debug/wxadoc/dev/index.html) 优势: 一种无须安装即可运行的程序,与订阅号,服务号是同一 ...
 - sublime text3  3143 注册码
			
sublime text3 3143 注册码,可用~ Sublime Text一款具有代码高亮.语法提示.自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制.相比于难于上手的Vi ...
 - 09 Linear Regression
			
线性回归假设 错误衡量/代价函数---均方误差 最小化样本内代价函数 只有满秩方阵才有逆矩阵 线性回归算法 线性回归算法是隐式迭代的 线性回归算法泛化可能的保证 线性分类是近似求解,线性回归是解析求解 ...
 - 【ctrl+A】与【ctrl+单击图层缩略图】有什么区别?
			
如果这图层没有透明区域的话那和ctrl+A的效果是一样的! 但如果图层有不透明区域,那选中的就是图层中所有不透明的区域!