Angular 8 學習 (五 服務)
服務:
其實服務很好理解,據這麼個例子,如果每個元件都有一個相同的方法,沒回都要寫太麻煩了,有的人就想元件之間相互呼叫,這樣是行不通的,但是元件可以呼叫服務裡面的方法。
看到這裡是不是很像java中的util類(我感覺很像,手動滑稽)
而服務就提供瞭解決的辦法,他將公共的方法進行封裝,這樣就可以在元件中呼叫這個公共的方法
來吧,建立一個元件吧 ,啊呸,服務
和元件建立的方法一樣,命令列進行建立
ng g service 服務名稱
建立完成後的目錄是這樣的:
第一個就是元件,第二個就是服務,
裡面是這樣子的
建立完成就可以用了????nonono 不行
和元件一樣,他需要進行引入和配置。
(什麼?你說在建立元件的時候沒有引入和配置,拉到吧,肯定是需要的,只不過是在建立元件的時候,自動進行引入和配置
,服務卻需要手動的進行操作,gogogogog)
這樣就在根模組中引入了,但是在元件中使用要在每個元件中進行單獨的引入
你只需要關注框起來的東西,其他的不用管,我只是懶得刪而已:
這個相當於java中的建構函式,在這裡寫了,可以在其他方法中使用
下面是我服務中的方法:
下面就是我元件方法的呼叫
看吧,是不是很想一個java的util類
相關文章
- Angular6學習筆記8: 服務(Service)(1)Angular筆記
- angular的uiRouter服務學習(4)AngularUI
- angular的uiRouter服務學習(3)AngularUI
- angular的uiRouter服務學習(1)AngularUI
- angular的uiRouter服務學習(2)AngularUI
- angular五種服務詳解Angular
- angular學習筆記(十五)-module裡的'服務'Angular筆記
- angular學習筆記(二十九)-$q服務Angular筆記
- angular的uiRouter服務學習(5) --- $state.includes()方法AngularUI
- angular學習006在angular6.0.8使用ng generate service建立服務報錯Angular
- angular學習筆記(三十)-指令(8)-scopeAngular筆記
- Angular2 http服務AngularHTTP
- Angular6 服務端渲染Angular服務端
- angular學習—元件Angular元件
- Linux學習 DNS服務LinuxDNS
- angular學習筆記(五)-階乘計算例項(1)Angular筆記
- angular學習筆記(五)-階乘計算例項(2)Angular筆記
- angular學習筆記(五)-階乘計算例項(3)Angular筆記
- angular6自定義服務serviceAngular
- angular中的$http服務(service)解析AngularHTTP
- 淘寶圖片服務的學習
- Angular學習資料Angular
- angular學習筆記Angular筆記
- angular學習筆記(二)-建立angular模組Angular筆記
- java 8新特性學習之五:Java 8 lambda表示式初步第五回Java
- Angular父子元件通過服務傳參Angular元件
- Angular5 服務端渲染實戰Angular服務端
- angular-ngSanitize模組-$sanitize服務詳解Angular
- 華為帳號服務學習筆記(五):OpenID Connect協議詳解筆記協議
- AngularJS教程五—— 服務AngularJS
- Laravel深入學習4 – 服務提供器Laravel
- Docker學習之搭建MySql容器服務DockerMySql
- Angular 學習筆記(一)Angular筆記
- 學習Angular日常筆記Angular筆記
- Angular Universal 學習筆記Angular筆記
- Angular zone學習筆記Angular筆記
- angular學習筆記(十三)Angular筆記
- Laravel底層學習筆記02 - 服務容器,服務提供者Laravel筆記