angularJs中筛选功能-angular.filter-1
angularJs中筛选功能-angular.filter-1
以下介绍为自己在使用angular-filter时，简单总结的用法。
开始
1.你可以使用4中不同的方法来安装angular-filter：
克隆或创建这个存储库
通过bower：通过在你的终端执行：$ bower install angular-filte
通过npm：通过在你的终端执行：$ npm install angular-filte
通过cdnjs： http://www.cdnjs.com/libraries/angular-filte
2.在包含或Angular本身外，在引用angular-filter.js（或者angular-filter.min.js）在你的项目index.html中；
3.添加‘angular.filter’依赖项；
当你做完这些，你的文件看起来就类似以下：
<!doctype html>
... ... filter 从数组中选取一个子集，并将其返回成一个新的数组；
用法：
// html中：{{ collection | filter : expression : comparator}}
// js中：$filter(‘filter’)(array, expression, comparator)
参数：array：想筛选的数组
expression：用于从数组中筛选的条件
comparator：用于确定预期值（从筛选器表达式）和实际值（从数组中的对象）中使用的比较器，应视为匹配。
$scope.friends = [
{name:‘John’, phone:‘555-1276’},
{name:‘Mary’, phone:‘800-BIG-MARY’},
{name:‘Mike’, phone:‘555-4321’}
]
{{friendObj.name}} {{friendObj.phone}}
<–result
John 555-1276
–>
Date
https://docs.angularjs.org/api/ng/filter/date
将日期筛选为想要的日期格式；
用法：
// html中：{{ collection | date : format : timezone}}
// js中：$filter(‘date’)(date, format, timezone)
参数：format为设置的日期格式，例如：‘yyyy-MM-dd’
timezone被用于格式化时区。
{{1288323623006 | date:‘yyyy-MM-dd HH:mm:ss Z’}}
<–result：
2010-10-29 11:40:23 +0800
–>
Collection
concat
将另外一个对象或者数组拼接到已有的对象或者数组之后；
基本思路如下：
1）使用JQ的.getJSON()读取JSON文件，将读取的数据使用 .getJSON() 读取JSON文件，将读取的数据使用.getJSON()读取JSON文件，将读取的数据使用.each() 进行循环遍历，同时在循环体中在 里面插入option 值为当前遍历的值。
2）市级随省级变化而变化，我的做法是，重新再读取一次JSON文件，使用onchange()来监测 选项的变化。
3）通过KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲province option….(each) 循环遍历中进行匹配，如果匹配成功，则取出JSON数据中的“城市”对象，再进行一遍$.(each) 遍历，同时组装html代码块（或者直接使用append()进行插入，但这样的话就必须在函数的开始就清空对应的html内容）。
4）使用.html() 将上面组装好的html代码块插入到html文档中。
5）区级随市级变化而变化，参考第2,3,4步。
我的博客即将同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=1loab4y69jfje
---------------------
作者：w4979
来源：CSDN
原文：https://blog.csdn.net/w4979/article/details/84579937
版权声明：本文为博主原创文章，转载请附上博文链接！
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文系转载，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。