如何从代码中拆分视图中打开菜单?

时间:2014-08-12 12:01:47

标签: onsen-ui

滑动菜单模板在工具栏上有一个按钮,用于打开侧面菜单(显示它)。在拆分视图示例应用程序中使用相同的菜单(我的意思是外观)。在这种情况下,工具栏上没有菜单按钮,但即使在肖像视图中,也可以通过向右滑动打开菜单。为什么不允许用户从按钮打开菜单?不幸的是,对象没有toggleMenu()方法。但是有openMenu()方法但是如果从代码中使用它则不起作用。我的示例代码是:

<ons-split-view
    secondary-page="secondary.html"
    main-page="page1.html"
    main-page-width="70%"
    collapse="portrait"
    var="menu">
  </ons-split-view>

  <script type="text/ons-template" id="page1.html">
    <ons-page class="center">

      <ons-toolbar>
            <div class="left">
          <ons-toolbar-button ng-click="menu.openMenu()">
            <ons-icon icon="bars"></ons-icon>
          </ons-toolbar-button>
        </div>
      </ons-toolbar>

    </ons-page>
  </script>

您能否通过点击按钮来取得打开菜单的效果?

的Raf

1 个答案:

答案 0 :(得分:0)

好的,我找到了它...... ons.splitView.toggle() - 它会打开/关闭菜单。