# angular-contacts

**Repository Path**: hcflyambation/angular-contacts

## Basic Information

- **Project Name**: angular-contacts
- **Description**: 这个时b站视频：https://www.bilibili.com/video/BV1Wx411R7qt?p=43 教程中的项目，自己看着视频自己学习敲得，请想要学习的同学，点击视频链接进行学习。
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-10-14
- **Last Updated**: 2024-07-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AngularContacts
### 这个项目使用angular做的一个通讯录案例，B站视频链接为：https://www.bilibili.com/video/BV1Wx411R7qt?p=1。



####  一， 实现功能

+ 1，联系人的注册登录，增删改查。
+ 2，http拦截器。
+ 3，路由守卫。
+ angular中文官网：https://angular.cn/

#### 二，运行项目 

+ 安装angular和node环境

+ 将项目git clone本地

+ 进入项目文件夹

+ 1，本项目从一个 [接口服务api]中获取数据，进入[angular-contacts-api]文件夹，运行：

  ~~~
  node app.js
  ~~~

  开启api服务

+ 2，回到根目录，运行angular项目

  ~~~
  npm start 或者 ng serve
  ~~~

+ 3，打开浏览器输入

  ~~~
  localhost:4200/
  ~~~

  即可访问项目。