左拆分窗格宽度大小 - IONIC 3答案

【问题标题】：Left split pane width size- IONIC 3左拆分窗格宽度大小 - IONIC 3
【发布时间】：2018-09-03 06:52:53
【问题描述】：

简要说明：我在我的项目中使用ionic split pane。我想通过单击一个按钮来decrease , increase 左窗格宽度。

下面是我的app.html 代码：

<ion-split-pane>
  <ion-menu [content]="content">
    <ion-header>
      <ion-toolbar>
        <ion-title>Menu</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>

  <!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
  <ion-nav [root]="rootPage" main #content></ion-nav>
</ion-split-pane>

我的主页是这样的

请指导如何实现。

【问题讨论】：

标签： ionic-framework ionic2 ionic3

【解决方案1】：

这在文档here中给出

<ion-split-pane [when]="showSplitPane">
...
</ion-split-pane>

当点击按钮时，您可以切换showSplitPane 变量。

【讨论】：