learn-component

Этот проект всесторонне демонстрирует все технические детали Angular компонентов.

Содержание в ветках:

1. master ветка, без содержания, это просто пустая ветка;
2. template ветка, 12 примеров, которые всесторонне демонстрируют синтаксис шаблонов Angular;
3. communication ветка, три типичных способа связи между компонентами;
4. lifecycle ветка, демонстрация использования жизненного цикла компонентов с помощью 13 примеров. Подробно демонстрируются 8 способов использования и важные моменты. Также демонстрируется использование ChangeDetectionStrategy.OnPush;
5. animation ветка, базовая демонстрация использования Angular анимации. Рекомендуется использовать готовую библиотеку с открытым исходным кодом;
6. dynamic-component ветка, различные способы использования динамических компонентов;
7. shadowdom ветка, три способа рендеринга компонентов Angular и использование теневого DOM;
8. ng-content ветка, демонстрация использования проекции содержимого;
9. projection ветка, различные способы проекции компонентов;
10. contentchild ветка, демонстрация способов использования ContentChild и ContentChildren;
11. 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
• Если вам нужна другая помощь, пожалуйста, напишите мне или свяжитесь со мной напрямую.
• Это учебный проект, не предназначенный для коммерческого использования.