Ionic2 navCtrl push不显示已按下的页面

我试图从我的ExerciseListPage组件中推送一个页面（即视频页面）

我的练习列表页面模板：

 <button ion-item [hidden]="!isGroupShown(day)" *ngFor="let exercise of day.exercises" (click)="goTo(exercise.id)">
  {{exercise.name}}    
</button>

<ion-header>
  <ion-navbar>
    <ion-title>
      Video
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h5>{{test}}</h5>
</ion-content>

视频组件：

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

@Component({
    selector: 'video',
    templateUrl: 'video.html',
})
export class VideoPage {

    public test: string;

    constructor(public navCtrl: NavController, public navParams: NavParams) {

        this.navCtrl=navCtrl;
        this.test="Test video";
        console.log(this.navParams.get('exerciseId'));

    }
}

和视频模板：

 <button ion-item [hidden]="!isGroupShown(day)" *ngFor="let exercise of day.exercises" (click)="goTo(exercise.id)">
  {{exercise.name}}    
</button>

<ion-header>
  <ion-navbar>
    <ion-title>
      Video
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h5>{{test}}</h5>
</ion-content>

和tabs.html：

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="Exercises" tabIcon="body"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Analytics" tabIcon="analytics"></ion-tab>
</ion-tabs>

我的视频组件中的console语句在我的控制台中打印id，但屏幕上没有显示任何内容

---

我遗漏了什么吗？

在我的视频组件中，出现了一个额外的逗号：

@Component({
    selector: 'video',
    templateUrl: 'video.html',
}) 

删除templateUrl后的逗号后，将显示模板