右键选择app文件夹,选择Angular Generator->Service:
取名为cart. 生成的cart.service.ts默认如下图:
定义一个类型为数组的属性items,用于存放加入到购物车里的产品。
以及对应的增删改查操作:
在product detail Component里导入CartService:
在构造函数里注入该service:
在product detail Component里对应实现AddToCart等方法,直接转发给CartService对应的方法:
在product明细页面里增添一个按钮,点击之后,调用addToCart方法:
最后的效果: