发表于: 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的用法。
评论