【JS-7】简述angular 中constant和$filter的用法?
分享人:陈静雯
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
AngularJS中有时在不同的控制器中使用到同一个变量,需要在ng-app或控制器中定义的全局变量。angularjs自身有二种设置全局变量的方法,constant()是其中的一种方法。
Filter作用就是接收一个输入,通过某个规则进行处理,然后给用户返回处理后的结果。Filter可以用在模板、控制器、或者服务,同时也会很容易自定义一个Filter过滤器。
定义全局变量的三种方法
1.通过var 直接定义global variable。
2.用angularjs constant来设置全局变量。
3.用angularjs value来设置全局变量 。
constant和value的区别
1.value不可以在config里注入,但是constant可以;
2.value可以修改,但是constant不可以修改,一般直接用constant配置一些需要经常使用的数据。
$filter过滤器
filter是用来格式化数据用的
基本原型
{{expression | filter}}
多个filter连用版
{{expression | filter1 | filter2}}
传入参数版
{{expression | filter:1:2}}
$filter内置过滤器
ng内置了9种过滤器,分别是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。
angularjs中如何使用constant和$filter
语法: return[()[expression][]]; 可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。 用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression
被省略, 或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。