egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создание динамических компонентов в Angular
Create Dynamic Components in Angular
★5 (всего оценок - 7)
Продолжительность
0 ч 24 мин
Категория
AngularКоличество уроков
7 Видео
Дата добавления
6 февр. 2018 г., 00:08
Язык
Английский
Дата выхода
5 февр. 2018 г., 23:19
Дата обновления
6 февр. 2018 г., 00:17
Динамические данные дают нам возможность создавать динамические компоненты. Динамические компоненты являются многоразовыми и упрощают создание крупномасштабных приложений. В этом курсе Juri Stumpflohner проведет нас через конкретный вариант создания табов, который позволяет нам динамически определять новые вкладки.
На нашем пути реализации этого компонента мы узнаем о том, как мы можем динамически создавать компоненты, используя ComponentFactoryResolver и ViewContainerRef.
Кроме того, мы рассмотрим как определить шаблоны, как передать их нашим динамически созданным компонентам, а также как передавать данные в эти шаблоны. Все это будет работать с ngTemplateOutlet и ngTemplateOutletContext.
https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/
Посмотреть больше
- Урок 1.00:02:28Angular Tab Component Overview
- Урок 2.00:01:47Declare a Template within a Template using `ng-template` in Angular
- Урок 3.00:02:36Pass a Reference of an ng-template to a Component and Render it in Angular
- Урок 4.00:03:13Pass Data to a Dynamic ng-template using ngTemplateOutletContext in Angular
- Урок 5.00:03:15Define an Anchor Point Where to Render Dynamic Components in Angular
- Урок 6.00:04:59Dynamically Instantiate an Angular Component
- Урок 7.00:05:46Destroy a Dynamically Instantiated Angular Component
Автор - egghead
Комментарии