Angular之toDoList的实现代码示例(angular const)

推荐整理分享Angular之toDoList的实现代码示例(angular const)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:angular const,angular trim,angular trim,angular constant,angular dto,angular trim,angular.tojson,angular dom,内容如对您有帮助，希望把文章链接给更多的朋友！

什么是todolist&#;

所谓的todolist就是把你所做的事情按顺序全部列出来，然后做完一件事，就在这一项之前打勾，此时状态就会变成已完成，todolist可以对所列的事情和已完成的事情删除和修改，当然已完成的事情就不能修改了。当我们拿到一个todolist的时候，首先看到的是todolist的组成，是由一个文本框和，列表项构成，数据要通过控制器从文本框传送到列表项，然后在列表项展示出来。

话不多说，先上图；

功能：

首先，所有的数据都是存储在localStorage中的；其次，文本框中输入内容后，回车即可添加任务主题；可以按内容和添加时间来排序任务；可以筛选任务，分为未完成和已完成；可以一键删除所有任务；在任务清单前打勾，即表示为已完成；点击任务后面的x则会删除这一条任务；双击任务进入任务编辑模式；在大文本框中填写详细的任务计划；

（只能在全部任务列表中勾选该任务是否完成哦 0.0...）

直接上代码啦（注释应该写的很清楚哦）

下面是js代码：

到这就大功告成啦，