小码农

学习利用angular创建todo应用,并利用html5的新特新localStorage创建离线应用 

 思路: 

 利用angular的ng-click 点击事件 

ng-checked 选框选中

 ng-submit 表单提交 

ng-repeat 数据循环 

将表单提交的数据处理后

{text:表单数据,chexked:false}

(两个属性便于判断选中状态,也可自行添加其他数据)存放到数组todos中,当点击时将被点击项截取存放到另外的数组中done中

所有触发均需要添加将当前数组利用JSON.stringify()处理为字符串添加到localStorage中,

当页面打开时再判断是否本地存储有我们存储的数据如果有就读取数据,没有(第一次打开页面,或手动清空localStorage)就创建空数组 

详细代码:

https://github.com/xiaqiubo/xiaoxia/angular-todos