angular - Angular Material 2はデフォルトのアクティブタブを設定できません

Question

以下のコードは、material.angular.ioから取得したものです。

<nav mat-tab-nav-bar>
  <a mat-tab-link
     *ngFor="let link of navLinks"
     [routerLink]="link.path"
     routerLinkActive #rla="routerLinkActive"
     [active]="rla.isActive">
    {{link.label}}
  </a>
</nav>

<router-outlet></router-outlet>

成分：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  navLinks = [
    {label: 'Home', path: 'home'},
    {label: 'Contacts', path: 'contacts'},
    {label: 'Settings', path: 'settings'}
  ];
}

このサンプルを実行しようとしたとき、コンポーネントを開くにはホームをクリックする必要があります。ホームの中身を最初に表示させたい。最初の値をデフォルトのアクティブなタブとして設定するにはどうすればよいですか?