首页 文章

每个视图上都没有离子侧面菜单

提问于
浏览
0

看看下面的plunker . 在开始页面"foo",您可以看到我们有一个侧面菜单,可以通过单击左上角的图标或从左侧滑动到右侧来打开 .

如果您现在按下“下一步”按钮导航到下一个视图“bla”,您会注意到左上角会出现一个新按钮 - 后退按钮 . 非常好!我希望那样的!但我也希望能够在侧面菜单中滑动,但这是不可能的 . 我想当我实现一个侧面菜单时,它将在所有视图中可访问,我设置如下:

angular.module("starter.bla", [])

.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider.state('app.bla', {
        url: "/bla",
        views: {
           'menuContent': {
                templateUrl: "bla.html"
            }
        }
    });
});

那么这里发生了什么?正如我所说,我喜欢有后退按钮,但我也希望能够在侧面菜单中滑动 . 到目前为止,从起始页面开始是可能的 .

1 回答

  • 1

    它是在那里工作正常,如果添加菜单切换到bla html你可以访问侧面菜单,我发生的是你的离子导航栏自动交换按钮,所以按钮正在消失 . 可以只使用div和一些类,如bar,bar-stable,以及用html代码而不是angular指令添加和删除按钮,或者你可以添加另一个按钮来打开和关闭栏右上角的菜单 .

    <ion-view view-title="bla">
      <ion-content>
        <div class="card">
          <button class="button button-icon" menu-toggle="left">
            Bla
          </button>
        </div>
      </ion-content>
    </ion-view>
    

    http://plnkr.co/edit/IIvBGEMdbYEFfVYrJLia?p=preview

相关问题