如何从推送页面导航器关闭滑动菜单答案

【问题标题】：How to close ons-sliding menu from push page ons navigator如何从推送页面导航器关闭滑动菜单
【发布时间】：2016-07-19 13:39:13
【问题描述】：

如何在 onsen ui 和 angularjs 中从推送页面导航器中关闭滑动菜单？

【问题讨论】：

标签： angularjs cordova onsen-ui

【解决方案1】：

这里是拆分器和 Angular2 与 Onsen 2 的文档。

https://onsen.io/v2/docs/angular2/ons-splitter-side.html

这是示例中的代码：

window.fn = {};

window.fn.open = function() {
  var menu = document.getElementById('menu');
  menu.open();
};

window.fn.load = function(page) {
  var content = document.getElementById('content');
  var menu = document.getElementById('menu');
  content.load(page)
    .then(menu.close.bind(menu));
};

对于 angular1 并使用滑动菜单，这些文档是正确的：

https://onsen.io/v2/docs/angular1/ons-sliding-menu.html

你会使用这些方法：

openMenu([options])滑动上面的层，露出后面的层。

closeMenu([options])滑动上面的图层隐藏后面的图层。

toggleMenu([options])如果当前隐藏，则滑动上面的图层以显示后面的图层，否则隐藏后面的图层。

【讨论】：

我想用 ons-navigator 推送页面并关闭菜单，因为我正在使用推送页面
为此，只需在您的函数 onclick (ng-click) 中添加 2 行代码即可。一个是推送页面，另一个是切换菜单。如需更多帮助，请发布您遇到的一些代码，我们可以为您提供帮助。