# angular项目

**Repository Path**: gsh99/angular-project

## Basic Information

- **Project Name**: angular项目
- **Description**: angular项目仓库
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-01-12
- **Last Updated**: 2022-02-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# angular项目

#### 介绍
边学习边使用angular做的项目。

#### 软件架构
angular cli生成


#### 安装教程

1.  通过npm install 安装所需依赖。
2.  通过 ng serve --open 运行项目，默认为4200端口，如被占用，请输入y选择其他端口。


#### 使用说明

1.  超市购物清单显示已存储的数据，单击“添加”按钮跳转到“添加商品”页面。

![输入图片说明](images/%E9%A6%96%E9%A1%B5.png)
![输入图片说明](images/%E6%B7%BB%E5%8A%A0%E5%95%86%E5%93%81%E9%A1%B5%E9%9D%A2.png)

2.  添加商品页面，输入名称、数量、单价，金额自动计算，数量可通过按钮实现加减。
    单击“返回”则返回到购物清单页面，无数据更新；
    单击“确定”，表单数据缓存到浏览器，同时返回购物清单页面，单击刷新按钮，数据更新。

![输入图片说明](images/%E6%B7%BB%E5%8A%A0%E5%95%86%E5%93%81.png)
![输入图片说明](images/%E6%B7%BB%E5%8A%A0%E5%95%86%E5%93%81%E6%88%90%E5%8A%9F.png)

3.    存在问题：
            未添加新商品时，也有第三行区域显示。
            添加商品后，需要通过刷新数据才显示。
![输入图片说明](images/%E7%90%86%E6%83%B3%E6%95%88%E6%9E%9C%E9%A1%B5%E9%9D%A2.png)
            

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)