# learn-component

**Repository Path**: learn-angular-series/learn-component

## Basic Information

- **Project Name**: learn-component
- **Description**: Angular组件基础内容
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 97
- **Forks**: 61
- **Created**: 2017-08-14
- **Last Updated**: 2023-11-12

## Categories & Tags

**Categories**: sample-code

**Tags**: None

## README

## learn-component

此工程全面示范了 Angualr 组件的所有技术细节。

分支上的内容：

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

## 备注

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

- 国内推荐使用gitee.com，链接在这里：https://gitee.com/organizations/learn-angular-series
- github上的链接在这里：https://github.com/learn-angular-series
- 如果你需要一个更复杂、更完整一点的例子，请试试NiceFish：https://gitee.com/mumu-osc/NiceFish
- 如果你需要其它形式的帮助，请给我发邮件，或者直接联系我。
- 这是一个教学项目，请勿用于商业用途。