这节课主要结合服务解决本地储存和来回切换显示的bug。
思路：通过新建服务，把LocalStorage的方法写在服务里面，方便今后其它文件的调用。在实际工作过程中，建议单独的页面用单独的服务，公用的服务页面写在公用的服务页面services,避免影响。
新建服务—— ng cli 工具 ng g s services/storage。手动建立的时候注意在 app模块 引入和providers[ ]依赖注入，然后回到当前组件的TS页面，引入刚刚新建立的服务，并在constructor中声明服务，声明的格式为：private storage: StorageService //storage是自定义命名的， 然后再服务页面写好对应的方法：
需要主要的就是：getItem的函数 必须是要带返回值 return的 ,数据在存储和取出的时候都得进行一次数据转换。
回到当前组件的TS页面，思考：当网页加载的时候 就得从本地取数据，如果有数据会放在list中 循环渲染出来，如果没有，则list=[];但是本地可能会没有数据为空,那么list 这个空数组就不能push()空，如图;
此处还存在bug：点击删除的时候本地所有的内容都删除，刷新浏览器后页面会无数据，而不是所想的本地删除对应的数据。
未完待续。。。
网友评论