接下来我们要完成的功能就是在这个应用的底部,有一个状态栏,在这上面,可以还剩下多少个没有完成的任务的提示 ... 在这个状态栏的右边 ..
还有一个可以清空所有完成的任务的按钮 ... 在这个按钮上面,会显示出已经完成的任务有多少个 .. 点击这个按钮可以清除掉所有的已经完成的任务。
点击任务项目左边的切换状态的复选框 ... 注意这个提示里的内容会实时的更新 ...
实现这两个小功能可以这样。
在任务的集合里面,去创建两个方法,一个可以得到完成状态的任务,另一个方法可以得到没完成的任务。在到应用的主页 index.html 里面去设计一个显示这些内容的模板。
最后可以在应用的视图里面去得到完成的还有剩下的任务的数量,再把它们填充到模板里面显示出来。然后去监听清除完成任务的按钮的点击事件,发生这个事件的时候,去调用方法逐个删除掉已经完成的任务项目。