# Learning Angular: Creating a tabs component

DevFeed: [Learning Angular: Creating a tabs component](<https://devfeed.tech/articles/learning-angular-creating-a-tabs-component-21289.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2016/02/learning-ng2-creating-tab-component/>)

Published: 2016-02-01T00: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>), [Dependency injection](<https://devfeed.tech/topics/dependency-injection.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [article](<https://devfeed.tech/tags/article.md>), [component](<https://devfeed.tech/tags/component.md>), [dependency-injection](<https://devfeed.tech/tags/dependency-injection.md>), [how-to](<https://devfeed.tech/tags/how-to.md>)

## AI overview

This tutorial presents an alternative way to create a tabs component in Angular version 2 or later. Instead of using dependency injection for child-to-parent communication, it uses the parent component's access to projected child components through @ContentChildren and QueryList to control tab visibility.

## Source excerpt

Lorem ipsum dolor sit amet