一、原理
angular的理念是所有功能模块都是一个个组件,组件可相互引用组合,但组件内部 【ts文件】中的方法是不能互相调用的。
所以提供了一个服务的概念,【和Java的service一样】;
1、组件可以调用service内的方法
2、组件和组件之间不能互相调用ts文件中的方法,但组件之间可以传值
2、service却不能调用组件内的方法
3、service和service之间是可以互相调用的
ps:纯属个人理解,如有不对请指正
# 命令模板
ng g service 服务名称
# 创建到指定目录下
ng g service 目录名称/服务名称
ng g service services/storage
二、服务使用
1、根服务引入服务;
2、在想要使用这个服务的组件内【ts文件】再次引入这个服务;
3、初始化这个服务
想要使用创建的服务,就需要在根组件【app.module.ts】中引入这个服务
# 1、根据组件引入
import { StorageService } from './services/storage.service';
三、持久化
把数据都放到【localStorage】 本地里面,在方法 【ngOnInit】初始化的时候,把数据拿出来再进行双向绑定进行展示