Como obter a guia ativa No material angular2

Eu quero entender qualaba está ativo. Eu tentei usar um@ViewChild decorador e acessar as propriedades do elemento dessa maneira, mas ele retornanull.

Componente:

import {Component, OnInit, ViewChild} from '@angular/core';

@Component({
  selector: 'material-app',
  template: `
  <md-tab-group #tabGroup>
      <md-tab label="Tab 1">Content 1</md-tab>
      <md-tab label="Tab 2">Content 2</md-tab>
  </md-tab-group>
  `
})
export class AppComponent implements OnInit {

  @ViewChild('tabGroup') tabGroup;

  constructor() {
  }

  ngOnInit() {
    console.log(this.tabGroup); // MdTabGroup Object
    console.log(this.tabGroup.selectedIndex); // null
  }

}

Visualização Plunker

questionAnswers(3)

yourAnswerToTheQuestion