右键选择app文件夹,选择Angular Generator->Service:

如何在Angular项目里创建新的Service

取名为cart. 生成的cart.service.ts默认如下图:

如何在Angular项目里创建新的Service

定义一个类型为数组的属性items,用于存放加入到购物车里的产品。

如何在Angular项目里创建新的Service

以及对应的增删改查操作:

如何在Angular项目里创建新的Service

在product detail Component里导入CartService:

如何在Angular项目里创建新的Service

在构造函数里注入该service:

如何在Angular项目里创建新的Service

在product detail Component里对应实现AddToCart等方法,直接转发给CartService对应的方法:

如何在Angular项目里创建新的Service

在product明细页面里增添一个按钮,点击之后,调用addToCart方法:

如何在Angular项目里创建新的Service

最后的效果:

如何在Angular项目里创建新的Service

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
如何在Angular项目里创建新的Service

相关文章:

  • 2021-05-28
  • 2022-12-23
  • 2022-01-13
  • 2022-12-23
  • 2022-01-13
  • 2021-05-28
  • 2021-06-08
  • 2021-05-22
猜你喜欢
  • 2021-10-31
  • 2022-12-23
  • 2021-10-26
  • 2021-06-28
  • 2021-09-30
相关资源
相似解决方案