专栏首页Jerry的SAP技术分享如何在Angular项目里创建新的Service

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

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

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

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

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

在product detail Component里导入CartService:

在构造函数里注入该service:

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

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

最后的效果:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SAP UI5 Web Component不同React页面的跳转实现

    (1) 从react-router-dom里导入Switch,Route和Redirect组件:

    Jerry Wang
  • Angular里的购物车页面实现

    需求:我在某个产品明细页面点击了"Buy"按钮后,将该产品成功添加到了购物车里,但是没能显示购物车的页面。本文则实现这个购物车的显示页面。

    Jerry Wang
  • 在SAP Commerce里用SQL查询产品主数据

    比如CRM的product描述存在表COMM_PRSHTEXT里,product_guid和LANGU作为主键。

    Jerry Wang
  • fasttext-pytorch代码实现

    设计fasttext的代码结构。思想很简单,就是先将词转换为向量形式,然后将这些向量加起来求平均。再去分类。

    用户1564362
  • 腾讯云活动限时特惠

    腾讯云活动AMD云服务器1C1G、AMD云服务器1C1G、云服务器2C4G、新加坡服务器1C2G

    勤劳的小蜜蜂
  • shell013- 一句话脚本 原

    有一test.txt文件中内容为0 1 2 3 4 5 6 7 8 9,如何巧妙地运用命令一句话方式解出数字的总和答案(for循环方式除外)

    阿dai学长
  • 八伟大的工具,Windows用户永远都不想错过

    有许多的应用程序你可以找到,但是获得免费并且好用 的程序不是一件容易的事情,每当你需要这样的软件的时候,你就会网上搜啊搜,结果下载下来一运行达不到想要的效果,这...

    Java中文社群-磊哥
  • UIButton实现各种图文结合的效果以及原理

    iOS的UIButton是一个非常常见而且常用的控件,我们一般用他来实现某个功能的提交以及选择操作。我们可以建立只有文字的Button,也可以建立只有图片的Bu...

    欧阳大哥2013
  • 目前唯一一个通过GP安全认证的TEE平台?

    前面文章也说过,三星手机通过的安全认证最多,最全,参考: 从Samsung KNOX 通过的安全认证来看三星手机有多牛! 那么今天我们来看一看三星自己的TEE系...

    安智客
  • 数据库Exists关键字举例

    一.问题描述: 查询所有未选择03号课程的学生的姓名 规定使用存在量词 student表: ? grade表: ? 二.思路: 既然是存在量词那么也就是E...

    lwen

扫码关注云+社区

领取腾讯云代金券