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

200 阅读1分钟

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

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

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

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

在product detail Component里导入CartService:

在构造函数里注入该service:

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

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

最后的效果:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":