发表于: 2017-06-07 20:26:51
1 1131
今日完成
1:之前自己写了分页的函数,每个按钮绑定一个函数,
这样一个原始的分页功能,但是自己写的苦于无法显
示前后页,于是转而寻求插件,最后还是使用了ui-
bootstrap的分页插件,简单易用,样式美观
2:之前article列表是自己用div加span做的,感觉太
不入流了,学习了一下bootstrap的表格,简单用上了
,也了解了一下table td th tr tbody等,之前在
css任务中一直没了解过表格相关的知识,补习一下
3:想要学习url传参,但是搞了半天不懂,之前一直用sessionstorage,根本没了解过url传参,搜索资料没有看得懂的,很气,demo前一天卡在了这里
遇到的问题:
url传参搞不懂
明日计划:
尽量完成任务8 如果能搞懂url的话
收获:
ngOption针对不同类型的数据源有不同的用法,主要体现在数组和对象上。
数组:
label for value in array
select as label for value in array
label group by group for value in array
select as label group by group for value in array
select as label group by group for value in array track by trackexpr
对象:
label for ( key , value ) in object
select as label for ( key , value ) in object
label group by group for ( key , value ) in object
select as label group by group for ( key , value ) in object
说明:
array / object: 数据源的类型,有数组和对象两种
value:迭代过程中,引用数组的项或者对象的属性值
key:迭代过程中,引用对象的属性名
label:选项显示的标签,用户可看到的
select:结果绑定到ngModel中,如果没有指定,则默认绑定value
group:group by的条件,表示按某条件进行分组
trackexpr:用于唯一确定数组中的迭代项的表达式
评论