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

时间:2015-07-22 18:41:41

标签: angularjs ionic-framework ionic

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

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

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

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

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

1 个答案:

答案 0 :(得分: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