Angular 如何在Ionic工具栏上为所有页面添加按钮?

Angular 如何在Ionic工具栏上为所有页面添加按钮?,angular,cordova,ionic-framework,ionic3,Angular,Cordova,Ionic Framework,Ionic3,在休闲代码中,我想在菜单项前面的导航栏添加一个搜索图标: <ion-menu [content]="content"> <ion-content> <ion-list> <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)"> {{p.title}} </button>

在休闲代码中,我想在
菜单
项前面的
导航栏
添加一个搜索图标:

<ion-menu [content]="content">
    <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-buttons end>
  <button ion-button icon-only>
    <ion-icon name="search"></ion-icon>
  </button>
</ion-buttons>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

{{p.title}}
但是这个代码不起作用。

先把
放在前面,然后再把
放在后面,所以不包括在内。并将所有内容放入app.html:

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

<ion-menu [content]="content">
    <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-buttons end>
  <button ion-button icon-only>
    <ion-icon name="search"></ion-icon>
  </button>
</ion-buttons>

{{p.title}}

什么不起作用?有什么问题?页面上没有显示任何按钮。