服務:
其實服務很好了解,據這麼個例子,如果每個元件都有一個相同的方法,沒回都要寫太麻煩了,有的人就想元件之間互相調用,這樣是行不通的,但是元件可以調用服務裡面的方法。
看到這裡是不是很像java中的util類(我感覺很像,手動滑稽)
而服務就提供了解決的辦法,他将公共的方法進行封裝,這樣就可以在元件中調用這個公共的方法
來吧,建立一個元件吧 ,啊呸,服務
群組件建立的方法一樣,指令行進行建立
ng g service 服務名稱
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI0gTMx81dsQWZ4lmZf1GLlpXazVmcvwFciV2dsQXYtJ3bm9CX9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwMzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5COyQDO1ETN5IDN0IDZ5ATZyYzXwIDNwATM3IzLcdDMyIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.png)
建立完成後的目錄是這樣的:
第一個就是元件,第二個就是服務,
裡面是這樣子的
建立完成就可以用了????nonono 不行
群組件一樣,他需要進行引入和配置。
(什麼?你說在建立元件的時候沒有引入和配置,拉到吧,肯定是需要的,隻不過是在建立元件的時候,自動進行引入和配置
,服務卻需要手動的進行操作,gogogogog)
這樣就在根子產品中引入了,但是在元件中使用要在每個元件中進行單獨的引入
你隻需要關注框起來的東西,其他的不用管,我隻是懶得删而已:
這個相當于java中的構造函數,在這裡寫了,可以在其他方法中使用
下面是我服務中的方法:
下面就是我元件方法的調用