发表于: 2017-06-24 23:26:02

1 856


一、今天完成的事情

完成小课堂:简述angular 中constant和$filter的用法


二、明天计划的事情

完善职位详情和公司详情样式,代码优化。


三、遇到的问题

  • 1.王蒙搜索职位页的竖向轮播加载不出来,network报-1000,我把他代码在我这运行了,正常,后来发现他加载的数据和我这边的不一样,我估计是nginx的问题,他改了后就正常了

2.AngularJS内建常用的filter有哪些?

1、格式化货币:

{{ 12 | currency}}  //将12格式化为货币,默认单位符号为'$',小数默认2位

{{ 12.45 | currency:'¥'}} //将12.45格式化为货币,使用自定义单位符号为'¥',小数默认2位

{{ 12.45 | currency:'CHY¥':1}} //将12.45格式化为货币,使用自定义单位符号为'CHY¥',小数指定1位,会执行四舍五入操作

{{ 12.55 | currency:undefined:0}} //将12.55格式化为货币, 不改变单位符号, 小数部分将四舍五入

2、格式化日期:

{{ 1304375948024 | date:'medium'}}//May 03, 2011 06:39:08 PM

{{ 1304375948024 | date }}//结果:May 3, 2011

{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}//结果:05/03/2011 @ 6:39AM

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

3、过滤数组:

$scope.arr = [{"age": 20,"id": 10,"name": "iphone"}, {"age": 12,"id": 11,"name": "sunm xing"}, {"age": 44,"id": 12,"name": "test abc"} ]

{{arr | filter:'s'}}  //查找含有有s的行//上例结果:[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]

{{arr | filter:{'name':'ip'} }}//查找name like ip的行//上例结果:[{"age":20,"id":10,"name":"iphone"}]

4、将对象格式化成标准的JSON格式:

{{ {name:'Jack', age: 21} | json}}

5、字符串,对象截取:

{{ "i love tank" | limitTo:6 }}//结果:i love

{{ "i love tank" | limitTo:-4 }}//结果:tank

{{ [{"age": 20,"id": 10,"name": "iphone"}, {"age": 12,"id": 11,"name": "sunm xing"}, {"age": 44,"id": 12,"name": "test abc"} ] | limitTo:1 }}//结果:[{"age":20,"id":10,"name":"iphone"}]

6、大小写转换:

China has joined the {{ "wto" | uppercase }}.

We all need {{ "MONEY" | lowercase }}.

7、数值类:

{{ 1.234567 | number:1 }}  //结果:1.2

{{ 1234567 | number }}    //结果:1,234,567

8、对象排序:

$scope.arr = [{"age": 20,"id": 10,"name": "iphone"}, {"age": 12,"id": 11,"name": "sunm xing"}, {"age": 44,"id": 12,"name": "test abc"} ]

{{arr | orderBy:'id':true }}//根id降序排

{{arr | orderBy:'id' }}//根据id升序排


四、收获

巩固了angular 中constant和$filter的用法



返回列表 返回列表
评论

    分享到