随笔分类 - 前端初级
摘要：#angular入门篇8 Http模块的使用(2)：使用接口 1.创建Http服务 1.1 注册HttpClientModule模块 我们需要在model.module.ts中注册HttpClientModule模块: \Store\src\app\model\module.model.ts 1.2
阅读全文
摘要：angular入门篇7 Http模块的使用(1)：RESTful创建资源接口 在前后端分离的项目中我们需要使用Http模块的功能实现后端接口提供的服务。 本篇首先简单得创建几个接口，供项目使用。 方法一 RESTful Web Service RESTful主要是提供API设计的规范方法。在实际中我
阅读全文
摘要：Angular入门篇5 订单创建 1. 创建订单模型 1.1 创建订单 在Store/src/app/model下创建如下文件: order.component.ts import { Injectable } from "@angular/core"; import { Cart } from "
阅读全文
摘要：Angular入门 路由配置&&守卫路由 这里以加入购物车后的内容作为例子 1. 创建几个组件 1.1 创建组件cartDetail && checkout 在Store/src/app/store下创建: cartDetail.component.ts 这里组件使用了template，可以对比前面
阅读全文
摘要：Angular入门3 1. 购物车组件 我们先把项目的内容丰富一下。 1.1 创建购物车功能 Store/src/app/model下，创建: cart.model.ts import { Injectable } from"@angular/core"; import { Product } fr
阅读全文
摘要：Angular入门篇2 预期效果: 1. 新项目配置 1.1 创建项目 首先使用"ng new Store" 指令在Angular文件夹下创建一个新项目。 下面利用vscode打开项目进行操作(部分插件已安装)。 1.2添加软件包 找到package.json文件，我们需要添加一些软件包(如下三处)
阅读全文
摘要：Angular入门 背景:作者是通过Adam Freeman的《Angular5高级编程》学习Angular框架的，但目前的Angular版本更新至14，许多内容因为版本更新在代码写法上发生了变化，因此在这里做一些记录与入门者一同分享。表达或内容上的欠缺希望读者能不吝指出，非常感谢! Angular
阅读全文
