NullInjectorError：没有NavController的提供者

Question

我想在点击事件中浏览每个侧面的菜单项。

app.html

<ion-menu [content]="content">
    <ion-header>
      <ion-toolbar>
        <ion-title>Pages</ion-title>
      </ion-toolbar>
    </ion-header>

    <ion-content>
      <ion-list>
        <button menuClose ion-item *ngFor="let p of pages" 
          (click)="openPage(p)">
          {{p.title}}
        </button>
      </ion-list>
    </ion-content>

  </ion-menu>
 <ion-nav #content [root]="rootPage"></ion-nav>

app.component.ts

rootPage = FirstRunPage;
@ViewChild('content') nav: NavController
  controller()  {
  }

 openPage(page) {
 this.nav.setRoot(page.component);
  }

我已导入import { Platform, NavController, Nav } from 'ionic-angular';但显示错误消息

  

NullInjectorError：没有NavController的提供程序！