Angular入门实战Day04
注:以下学习笔记均来源于Angular教程_Angular8 Angular9 Angular12入门实战视频教程
一、Angular 的服务
Angular 中各个组件之间是不能调用彼此的方法的,但是如果有一些方法是公共的,多个组件都要用到,这个时候就可以使用服务啦。
1.定义服务
Angular中可以使用命令 ng g service 服务名 定义一个服务。

输入命令回车之后,会在相应的路径下生成对应服务。
2.引入并声明服务
在 app.module.ts 中引入创建的服务,并且声明。
3.使用服务
组件不能使用组件,但是组件都可以使用服务,并且服务也可以使用服务。
组件使用服务之前还需要引入服务,然后在构造函数中初始化服务,接下来就可以使用啦。
二、案例:toDoList的实现以及数据持久化
1.页面效果

2.页面结构
代码如下:
3.页面样式
代码如下:
4.数据持久化服务
代码如下:
5.页面逻辑
代码如下: