天天看點

Angular 8 學習 (五 服務)

服務:

其實服務很好了解,據這麼個例子,如果每個元件都有一個相同的方法,沒回都要寫太麻煩了,有的人就想元件之間互相調用,這樣是行不通的,但是元件可以調用服務裡面的方法。

看到這裡是不是很像java中的util類(我感覺很像,手動滑稽)

而服務就提供了解決的辦法,他将公共的方法進行封裝,這樣就可以在元件中調用這個公共的方法

來吧,建立一個元件吧 ,啊呸,服務

群組件建立的方法一樣,指令行進行建立

ng  g  service  服務名稱

Angular 8 學習 (五 服務)

建立完成後的目錄是這樣的:

Angular 8 學習 (五 服務)

第一個就是元件,第二個就是服務,

裡面是這樣子的

Angular 8 學習 (五 服務)

建立完成就可以用了????nonono 不行

群組件一樣,他需要進行引入和配置。

(什麼?你說在建立元件的時候沒有引入和配置,拉到吧,肯定是需要的,隻不過是在建立元件的時候,自動進行引入和配置

,服務卻需要手動的進行操作,gogogogog)

Angular 8 學習 (五 服務)

這樣就在根子產品中引入了,但是在元件中使用要在每個元件中進行單獨的引入

Angular 8 學習 (五 服務)

你隻需要關注框起來的東西,其他的不用管,我隻是懶得删而已:

Angular 8 學習 (五 服務)

這個相當于java中的構造函數,在這裡寫了,可以在其他方法中使用

下面是我服務中的方法:

Angular 8 學習 (五 服務)

下面就是我元件方法的調用