import {Component} from '@angular/core';
<div class="tabs-selection">
*ngFor="let tab of tabs; let i = index"
<div [ngSwitch]="tabNumber">
<ng-template ngFor [ngForOf]="tabs" let-tab let-i="index">
<tab-content *ngSwitchCase="i">
<tab-content *ngSwitchDefault>Select a tab</tab-content>
export class AppComponent {
{ title: 'Tab 1', content: 'Tab content 1' },
{ title: 'Tab 2', content: 'Tab content 2' },
{ title: 'Tab 3', content: 'Tab content 3' },
isSelected(num: number) {
return this.tabNumber === num;