# learn-angular4.0

**Repository Path**: dkvirus/learn-angular4.0

## Basic Information

- **Project Name**: learn-angular4.0
- **Description**: learn angular4.0
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-12-02
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# learn-angular4.0

> 学习 Angular demo。

### 快速开始

1. 下载代码

```
$ git clone git@github.com:dkvirus/learn-angular4.0.git
``` 

2. 目录介绍

learn-angular 4.0 下每个子目录都是一个独立的工程，根据需要运行对应工程。如想要学习 router 相关 demo，操作如下：

  - 切换 leanr-router 目录
  
  ```
  cd learn-angular4.0/learn-router
  ```
  
  - 安装依赖包
  
  ```
  $ npm install
  ```
  
  如安装速度过慢，可设置淘宝镜像：`$ npm config set registry https://registry.npm.taobao.org`
  
  - 启动项目
  
  ```
  $ ng server
  ```
  
  如端口号被占用，可设置其它端口： `$ ng server --port 4201`
  
  ## 目录
  
  - 第一节：Angular 发展历史
  - 第二节：安装环境
  - 第三节：TypeScript 语法介绍
  - [第四节：组件 —— learn-component](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-component)
  - [第五节：路由 —— learn-router](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-router)  
- [第六节：模板 —— learn-template](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-template)  
- [第七节：指令 —— learn-directive](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-directive)  
- [第八节：依赖注入 —— learn-di](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-di)  
- [第九节：表单 —— learn-form](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-form)  
- [第十节：服务于Rxjs learn-rxjs](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-rxjs)  
- [第十一节：测试 —— learn-test](https://github.com/dkvirus/learn-angular4.0/tree/master/learn-test)  
- [第十二节：实战](https://github.com/dkvirus/learn-angular4.0/tree/master/%E5%AE%9E%E6%88%98)