右鍵選擇app文件夾，選擇Angular Generator->Service:

取名為cart. 生成的cart.service.ts默認(rèn)如下圖：

定義一個(gè)類型為數(shù)組的屬性items，用于存放加入到購物車?yán)锏漠a(chǎn)品。

以及對應(yīng)的增刪改查操作：

在product detail Component里導(dǎo)入CartService：

在構(gòu)造函數(shù)里注入該service：

在product detail Component里對應(yīng)實(shí)現(xiàn)AddToCart等方法，直接轉(zhuǎn)發(fā)給CartService對應(yīng)的方法：

在product明細(xì)頁面里增添一個(gè)按鈕，點(diǎn)擊之后，調(diào)用addToCart方法：

最后的效果：

要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的如何在Angular项目里创建新的Service的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。