# Create a dynamic tab component with Angular

DevFeed: [Create a dynamic tab component with Angular](<https://devfeed.tech/articles/create-a-dynamic-tab-component-with-angular-21317.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2017/07/ng2-dynamic-tab-component/>)

Published: 2017-07-26T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [API](<https://devfeed.tech/topics/api.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [api](<https://devfeed.tech/tags/api.md>), [code](<https://devfeed.tech/tags/code.md>), [component](<https://devfeed.tech/tags/component.md>), [function](<https://devfeed.tech/tags/function.md>), [guide](<https://devfeed.tech/tags/guide.md>), [handler](<https://devfeed.tech/tags/handler.md>)

## AI overview

This tutorial explains how to build a dynamic tab component with Angular by using dynamic components and template references. It extends a statically defined tab API so user interactions can open new tab pages dynamically, such as editing or adding people.

## Source excerpt

Lorem ipsum dolor sit amet