# angular2-demos

**Repository Path**: dbody/angular2-demos

## Basic Information

- **Project Name**: angular2-demos
- **Description**: angular2 官网入门demo全部分类
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-08-22
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# angular2-demos

---------------------

整理各种angular2的教程,方便快速学习，包含官网案例源代码（个人注释版）。

- first-look [johnpapa/angular-2-first-look-launcher](https://github.com/johnpapa/angular-2-first-look-launcher)
- jumpstart [DanWahlin/Angular2-JumpStart](https://github.com/DanWahlin/Angular2-JumpStart)
- api [快速验证api案例](https://angular.cn/docs/ts/latest/api/)
- example [angular2的组件例子]


以下为官方教程案例源码分类合集


## 查看方法
---------------------

```
npm install -g live-server
```

命令行进入到项目目录如 tutorial/5-Services/

之后运行 **live-server** 

## 快速启动

---------------------
- quickstart


## 入门教程

---------------------

- 2. The Hero Editor
- 3. Master/Detail
- 4. Multiple Components
- 5. Services
- 6. Routing
- 7. Http


## 基础知识

---------------------

- 3. 显示数据
- 4. 用户输入
- 5. 表单
- 6. 依赖注入
- 7. 模板语法



## Cookbook

---------------------

- 3. 组件通讯
- 4. 相对于组件的路径
- 5. 依赖注入
- 6. 动态表单