# angular-demo

**Repository Path**: michole/angular-demo

## Basic Information

- **Project Name**: angular-demo
- **Description**: No description available
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

《[Angular 实战系列](http://ghmagical.com/article/page/id/6iaMdDWC8J9k)》目前处于章节不定，内容不定阶段，这一系列文章不会长篇大论的讲解概念，而是以用为主，结合通俗易懂的实例来让大家理解常用的知识点。

**章节**

- [Angular CLI](http://ghmagical.com/article/page/id/na7zoYaTCXmK)

- [创建组件(Component)](http://ghmagical.com/article/page/id/rpnjrjgb2VKk)

- [使用CSS美化组件](http://ghmagical.com/article/page/id/5e3u4IANqDEu)

- [属性和事件绑定](http://ghmagical.com/article/page/id/jn8WEZ0PEgqM)
 
- [组件通讯(@Input和@Output)](http://ghmagical.com/article/page/id/RqwseHjX47oL)

- [创建指令(Directive)](http://ghmagical.com/article/page/id/RgIvn9Pai3ks)

- [创建服务(Service)](http://ghmagical.com/article/page/id/GaxxslSZ6G0T)

- [创建管道(Pipe)](http://ghmagical.com/article/page/id/PvBmvywEA0Hi)

- [创建表单](http://ghmagical.com/article/page/id/m0X2y65L8JKX)

- [路由导航(Router)](http://ghmagical.com/article/page/id/xIT4VfvbWHXi)

- [动画(Animation)](http://ghmagical.com/article/page/id/MdysVNc4H22K)

- [安全路由](http://ghmagical.com/article/page/id/b8uJOlMvlQDA)

- 动态模板和动态组件

下载下来后，需要如下步骤启动项目：
- 打开终端
- 输入以下命令
```
cd angular-demo

npm install

npm start
```
当然，你首先要安装`@angular/cli`，如果还没安装，可以看第一章《[Angular CLI](http://ghmagical.com/article/page/id/na7zoYaTCXmK)》。

原文链接：[Angular4 实战开发](http://ghmagical.com/article/page/id/6iaMdDWC8J9k)