AngularJS学习笔记动态清单列表与用户交互
AngularJS 的双向绑定功能,做个动态清单列表挺省心。你只要在 HTML 里用下ng-model
,数据就能自动同步,不用手动刷新视图,响应也快。再配合ng-repeat
和filter
,还能实时显示还剩几件事没做,逻辑清晰不绕弯。
待办项多了怎么办?用ng-class
搞定,任务多颜色变下,提醒也更醒目。用户输入方面,监听ng-keyup
就行,输完直接触发添加新任务,体验还不错。
代码写起来也不复杂,todo.html
是核心页面,bootstrap
样式挺清爽,angularJs
文件也别漏了。整个结构清楚,功能齐,用来练手或做个小工具都挺合适。
如果你对 AngularJS 还不熟,推荐你看看ng-book,讲得蛮系统的。或者想了解进阶点的,也可以看看NG-Book 2。
ToDoList.zip
预估大小:18个文件
bootstrap
文件夹
js
文件夹
npm.js
484B
bootstrap.js
68KB
bootstrap.min.js
36KB
fonts
文件夹
glyphicons-halflings-regular.ttf
44KB
glyphicons-halflings-regular.woff2
18KB
glyphicons-halflings-regular.eot
20KB
glyphicons-halflings-regular.svg
106KB
669.08KB
文件大小:
评论区