注：以下學習筆記均來源于Angular教程_Angular8 Angular9 Angular12入門實戰(zhàn)視頻教程

一、Angular 的服務

Angular 中各個組件之間是不能調(diào)用彼此的方法的，但是如果有一些方法是公共的，多個組件都要用到，這個時候就可以使用服務啦。

1.定義服務

Angular中可以使用命令?ng g service 服務名?定義一個服務。

輸入命令回車之后，會在相應的路徑下生成對應服務。

2.引入并聲明服務

在?app.module.ts?中引入創(chuàng)建的服務，并且聲明。

3.使用服務

組件不能使用組件，但是組件都可以使用服務，并且服務也可以使用服務。
組件使用服務之前還需要引入服務，然后在構(gòu)造函數(shù)中初始化服務，接下來就可以使用啦。

二、案例：toDoList的實現(xiàn)以及數(shù)據(jù)持久化

1.頁面效果

2.頁面結(jié)構(gòu)

代碼如下：

3.頁面樣式

代碼如下：

4.數(shù)據(jù)持久化服務

代碼如下：

5.頁面邏輯

代碼如下：