https://github.com/juristr/egghead-create-dynamic-tabs-component-angular
Egghead course on "Create a dynamic tabs component with Angular"
https://github.com/juristr/egghead-create-dynamic-tabs-component-angular
angular egghead egghead-course eggheadio teaching-materials
Last synced: about 2 months ago
JSON representation
Egghead course on "Create a dynamic tabs component with Angular"
- Host: GitHub
- URL: https://github.com/juristr/egghead-create-dynamic-tabs-component-angular
- Owner: juristr
- Created: 2017-11-16T14:17:20.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-07T07:20:47.000Z (about 7 years ago)
- Last Synced: 2025-05-05T19:53:24.732Z (5 months ago)
- Topics: angular, egghead, egghead-course, eggheadio, teaching-materials
- Language: TypeScript
- Size: 95.7 KB
- Stars: 21
- Watchers: 3
- Forks: 19
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Egghead Course: Create a Dynamic Tabs Component in Angular
by Juri Strumpflohner ([Twitter](https://twitter.com/juristr) - [Blog](https://juristr.com/blog))
**Check out the [course over on egghead.io](https://egghead.io/courses/create-dynamic-components-in-angular).**
This repository is organized in different branches, one branch for each video lesson.
## Contents
1. Get to know our basic Angular TabsComponent (in master branch here)
1. [Declare a template within a template using `ng-template` in Angular](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/tree/01-ng-template)
1. [Pass a reference of an ng-template to a component and render it in Angular](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/tree/02-ng-container-and-template-outlet)
1. [Pass data to be rendered in a dynamic ng-template using ngTemplateOutletContext in Angular](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/tree/03-ng-outlet-context)
1. [Define an anchor point where to render dynamic components in Angular](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/tree/04-define-anchor-point)
1. [Dynamically instantiate an Angular component](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/tree/05-dynamically-instantiate-component)
1. [Destroy a dynamically instantiated Angular component](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/tree/06-destroy-dynamic-components)
## Setup & Run
Clone the repository and install all packages
```
$ npm install
```
Run the project by executing
```
$ npm start
```
## Questions?
Feel free to reach out to me [on Twitter](https://twitter.com/juristr) or [open an issue](https://github.com/juristr/egghead-create-dynamic-tabs-component-angular/issues).