代码之家 › 专栏 › 技术社区 › Parsaria

如何在所有页面上添加离子工具栏上的按钮?

ionic3 ionic-framework cordova angular

Parsaria · 技术社区 · 8 年前

在空闲代码中,我想在 navbar 在前面 menu 项目:

<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>

但是这个代码不起作用。

1 回复 | 直到 8 年前

Vega Stipe 8 年前

放 <ion-nav> 先然后 <ion-menu> 所以不包括在内。并将所有内容放入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>

推荐文章

Moblize IT · 未设置ion-select默认值

1 年前

Gappy · 为什么Angular要求一个独立的组件,即使它是

1 年前

ProgrammingStudent · 使用javascript更新ionic web应用程序中.pane和.view的背景色

2 年前

user_1357 · Firebase是否将现有用户链接到匿名帐户?

2 年前

m_m · Axios onUploadProgress事件在Capacitor Android上未触发的问题

2 年前

Yeo Bryan · Ionic项目申请通知权限

3 年前

Joe Johnson · Ionic 7模态在第二次点击时不起作用

3 年前

Piyush aggarwal · 通过Cordova文件打开程序2避免REQUEST_INSTALL_PERMISSION

3 年前

Roberto Vieira · 我的离子搜索栏过滤器不工作

3 年前

marlonga · 错误:在Ionic Angular应用程序中使用argon2浏览器时找不到模块

3 年前