Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework Ionic 3拆分窗格菜单切换未显示_Ionic Framework_Ionic3_Splitpane - Fatal编程技术网

Ionic framework Ionic 3拆分窗格菜单切换未显示

Ionic framework Ionic 3拆分窗格菜单切换未显示,ionic-framework,ionic3,splitpane,Ionic Framework,Ionic3,Splitpane,我创建了我的Ionic应用程序,该应用程序运行良好。 但我遇到了一些冲突 拆分窗格显示在大屏幕中,但切换菜单按钮不显示在小屏幕中。和交换时,然后在菜单显示后。 有人知道如何在小型设备上解决这个问题吗 看看我的代码 代码部分 app.html <ion-split-pane> <ion-menu [content]="someContent"> <ion-header> <ion-toolbar> <

我创建了我的Ionic应用程序,该应用程序运行良好。 但我遇到了一些冲突 拆分窗格显示在大屏幕中,但切换菜单按钮不显示在小屏幕中。交换时,然后在菜单显示后。 有人知道如何在小型设备上解决这个问题吗 看看我的代码

代码部分 app.html

<ion-split-pane>

  <ion-menu [content]="someContent">
    <ion-header>
      <ion-toolbar>
        <ion-title>
          Menu
        </ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <ion-item (click)="setCategory('nature')">
          <ion-avatar item-left>

          </ion-avatar>
          <h3>Home</h3>
        </ion-item>
        <ion-item (click)="setCategory('food')">
          <ion-avatar item-left>

          </ion-avatar>
          <h3>Categories</h3>
        </ion-item>
        <ion-item (click)="setCategory('people')">
          <ion-avatar item-left>

          </ion-avatar>
          <h3>Get One</h3>
        </ion-item>

        <ion-item (click)="setCategory('people')">
          <ion-avatar item-left>

          </ion-avatar>
          <h3>Settings</h3>
        </ion-item>


        <ion-item (click)="setCategory('people')">
          <ion-avatar item-left>

          </ion-avatar>
          <h3>My Partner</h3>
        </ion-item>


      </ion-list>
    </ion-content>
  </ion-menu>

  <ion-nav [root]="rootPage" #someContent main></ion-nav>

</ion-split-pane>

菜单
家
类别
得到一个
设置
我的搭档

您忘记在页眉中添加菜单切换按钮,如下所示:

<ion-header>
  <ion-navbar>
    <!-- Add this button in the pages you want to show the menu button -->
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>

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

关于
这样,当显示窗格时,不会显示菜单按钮,但在较小的屏幕中,当窗格隐藏时,会显示按钮