Onsen UI 滑动菜单：使用 SetMainPage 自定义参数？

Question

滑动菜单调用SetMainPage()时是否可以设置下一页的参数？

类似于：

myNavigator.pushPage("page2.html", { param1: "value1", param2: "value2" });

但使用

myMenu.setMainPage(...);

Answer 1

更新：我认为有一种方法可以像这样实现你想要的：

<body ng-controller="ctrl">
<ons-sliding-menu
menu-page="menu.html" main-page="page1.html" side="left"
var="menu" type="reveal" max-slide-distance="260px" swipeable="true">

<ons-template id="menu.html">
<ons-list>
<ons-list-item modifier="chevron" ng-click="setParam('option1');">
  page1
</ons-list-item>
<ons-list-item modifier="chevron" ng-click="setParam('option2');">
  page2
</ons-list-item>   
</ons-list>
</ons-template>
</body>

在javascript中：

var module = angular.module('app', ['onsen']);
var params = {msg:""};//define a global object

module.controller('ctrl', function($scope){
  $scope.setParam = function (msg) {
      params.msg = msg;//set the options you want in the object
      menu.setMainPage('page1.html', {closeMenu: true});//change the page
  }
});
module.controller("page1ctrl" function($scope){
   var options = params.msg; // this will give you the options you set earlier
});

Answer 2

文档在这方面具有误导性。它实际上只接受 closeMenu 和回调参数，而不是示例所示的 'custom'。使用 param1 作为参数示例具有误导性。

Onsen UI 滑动菜单：使用 SetMainPage 自定义参数？

Onsen UI Sliding Menu : custom parameters with SetMainPage?

onsen-ui