/egghead-create-dynamic-tabs-component-angular

Egghead course on "Create a dynamic tabs component with Angular"

Primary LanguageTypeScript

Egghead Course: Create a Dynamic Tabs Component in Angular

by Juri Strumpflohner (Twitter - Blog)

Check out the course over on egghead.io.

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)
  2. Declare a template within a template using ng-template in Angular
  3. Pass a reference of an ng-template to a component and render it in Angular
  4. Pass data to be rendered in a dynamic ng-template using ngTemplateOutletContext in Angular
  5. Define an anchor point where to render dynamic components in Angular
  6. Dynamically instantiate an Angular component
  7. Destroy a dynamically instantiated Angular component

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 or open an issue.