tab.component.ts

import { Component, OnInit, Input, Host } from '@angular/core';
import { TabsComponent } from '../tabs/tabs.component'

@Component({
  selector: 'tab',
  template: `
     <div class="tab-pane" *ngIf="details.selected">
      <h4>{{details.title}}</h4>
      <ng-content></ng-content>
    </div>
  `,
  styleUrls: ['./tab.component.css']
})
export class TabComponent implements OnInit {

  @Input() details;
  constructor(@Host() private tabsCtrl: TabsComponent) { }

  ngOnInit() {
    this.tabsCtrl.addPane(this.details);
  }

}