发表于: 2017-04-18 21:43:18

1 1135


今天完成的事情:

看了一下angular的过滤器跟表单验证的基础知识,然后试着自定义过滤器,把约定的数字让它渲染成字符串,查看学习资料《学习ui-router》,下载《ui-router》插件把它引入文件中,用ui-router替换掉ngRoute,重写路由方法Angular自带的过滤器:

1. currency:currecy 过滤器可以将一个数值格式化为货币格式。

2. date:date 过滤器可以将日期格式化成需要的格式。

3. Filter:filter 过滤器可以从给定数组中选择一个子集,并将其生成一个新数组返回。

4. json:json 过滤器可以将一个JSON或JavaScript对象转换成字符串。

5. limitTo:limitTo 过滤器会根据传入的参数生成一个新的数组或字符串,新的数组或字符串的长度取决于传入的参数,通过传入参数的正负值来控制从前面还是从后面开始截取。

6. lowercase:lowercase 过滤器将字符串转为小写。

7. number:number 过滤器将数字格式化成文本。它的第二个参数是可选的,用来控制小数点后截取的位数。如:{{ 123456789 | number }}

8. orderBy:orderBy 过滤器可以用表达式对指定的数组进行排序。

9. uppercase:uppercase 过滤器可以将字符串转换为大写形式。

明天计划的事情:

继续做任务8,在页面添加分页的静态部分为分页添加事件,点击分页时重新请求当前分页的数据思考如何让代码更简单,比如点击翻页时直接重载页面,更改url中的参数用来表示新的页码,而页面重载时请求的接口参数需要带上页码为页面添加搜索的静态部分为搜索框添加双向绑定

遇到的问题:

在定义filter时,用了switch来作为判断条件,当case为某个数值时,它的值为字符串,运行后页面渲染的结果为空,后面检查了下,原来是用了break,所以直接结束掉函数了,没有返回值,后面把判断语句改为if语句就好了。

收获:

学习了ui-router插件,并没有觉得它比ngRoute好用,可能是用的比较少吧,还不熟练。



返回列表 返回列表
评论

    分享到