forked from LearnAngular / learn-component

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 2.77 KB

# learn-component

这是一个教学项目，全面示范了Angualr组件的所有技术细节。

分支上的内容：

- template分支，用12个例子全面示范Angular的模板语法
- communication分支，示范组件之间的3种典型的通讯方式
- lifecycle分支，示范组件的生命周期玩法，用13个例子详细演示8个生命周期的用法和注意点，同时示范ChangeDetectionStrategy.OnPush的用法
- animation分支，示范Angular动画的基本用法，推荐一个写好的开源动画库
- dynamic-component分支，示范动态组件的各种玩法
- shadowdom分支，示范Angular渲染组件的3种方式和影子DOM的玩法
- ng-content分支，示范内容投影用法
- contentchild分支，示范ContentChild和ContentChildren的玩法
- viewchild分支，示范ViewChild和ViewChildren的玩法

## 备注

learn-anguar-***是一个Angular系列教学项目用的实例源代码，一共分成了10个项目。

- 国内推荐使用gitee.com，链接在这里：https://gitee.com/organizations/learn-angular-series
- github上的链接在这里：https://github.com/learn-angular-series
- 如果你需要一个更复杂、更完整一点的例子，请试试NiceFish：https://gitee.com/mumu-osc/NiceFish
- 如果你想看到关于Angular的更多中文资源，请点这里：http://www.ngfans.net/

## 在线交流QQ群

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=8db5ed802cbddbf6432d7ba7dc4f2a316be020442491eb41cbfb1a12434e8cc7" class="list-group-item"><i class="fa fa-qq" aria-hidden="true"></i> Angular-1区</a>

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=cbfcd79e7e90939b0e2c519f475fac4792985ce2abc5ad45ec5e06ffcfe944dd" class="list-group-item"><i class="fa fa-qq" aria-hidden="true"></i> Angular-2区</a>

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=639229c8b6ad0c3a9a8f381dddf5d7785780b20d8c37eb25c91ac73ea7d37a5f" class="list-group-item"><i class="fa fa-qq" aria-hidden="true"></i> Angular-3区</a>

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=12add102af3f67910bdc0de753dee10ebada08ab485af7e38f4dfa0ee27476f7" class="list-group-item"><i class="fa fa-qq" aria-hidden="true"></i> Angular-4区</a>

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1293a6494fb306ea29d281e320a8f4ef82285fa5300f73118e6ff7a79ce76036"
class="list-group-item"><i class="fa fa-qq" aria-hidden="true"></i>
Angular-5区-楼兰
</a>

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=fcd880ba919983dc85690642d48cf00ad0affd8d35de5f30542c895e622a8ab8"
class="list-group-item"><i class="fa fa-qq" aria-hidden="true"></i>
Angular-6区-凉州
</a>

<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=5d6b8c5296e4806142b8422ae7abca6f27b9b9b992a4dac80dc1392644e8970a"><i class="fa fa-qq" aria-hidden="true"></i>脚本娃娃-桃花岛</a>

一键复制编辑原始数据按行查看历史

提交于 2019-01-05 11:36 . update-readme

learn-component

这是一个教学项目，全面示范了Angualr组件的所有技术细节。

分支上的内容：

template分支，用12个例子全面示范Angular的模板语法
communication分支，示范组件之间的3种典型的通讯方式
lifecycle分支，示范组件的生命周期玩法，用13个例子详细演示8个生命周期的用法和注意点，同时示范ChangeDetectionStrategy.OnPush的用法
animation分支，示范Angular动画的基本用法，推荐一个写好的开源动画库
dynamic-component分支，示范动态组件的各种玩法
shadowdom分支，示范Angular渲染组件的3种方式和影子DOM的玩法
ng-content分支，示范内容投影用法
contentchild分支，示范ContentChild和ContentChildren的玩法
viewchild分支，示范ViewChild和ViewChildren的玩法

备注

learn-anguar-***是一个Angular系列教学项目用的实例源代码，一共分成了10个项目。

国内推荐使用gitee.com，链接在这里：https://gitee.com/organizations/learn-angular-series
github上的链接在这里：https://github.com/learn-angular-series
如果你需要一个更复杂、更完整一点的例子，请试试NiceFish：https://gitee.com/mumu-osc/NiceFish
如果你想看到关于Angular的更多中文资源，请点这里：http://www.ngfans.net/

在线交流QQ群

Angular-5区-楼兰

Angular-6区-凉州

脚本娃娃-桃花岛

TypeScript

1

https://gitee.com/tqw4321/learn-component.git

git@gitee.com:tqw4321/learn-component.git

tqw4321

learn-component

learn-component

master