Onsen ui navigation with parameters

Ich benutze Onsen UI mit Typoscript und AngularJS mit einem Ons-Sliding-Menü:

  <ons-sliding-menu menu-page="menu.html" main-page="link/to/some/page.html" side="left"
                     var="menu" type="reveal" max-slide-distance="260px" swipable="true">
   </ons-sliding-menu>

   <ons-template id="menu.html">
      <ons-page modifier="menu-page">
         <ons-toolbar modifier="transparent"></ons-toolbar>
         <ons-list class="menu-list">
            <ons-list-item class="menu-item" ng-click="menu.setMainPage('link/to/some/page.html', {closeMenu: true})">
               Home
            </ons-list-item>
        <ons-list-item class="menu-item" ng-click="menu.setMainPage('link/to/some/other/page.html', {closeMenu: true})">
               Home
            </ons-list-item>
 </ons-list>
      </ons-page>
   </ons-template>

Dies gibt mir mein Menü, und es ist in Ordnung .... Als ich zu @ navigiert ha link / to / some / page.html, Ich muss einige Parameter an @ send link / to / some / other / page.html mit diesem Code:

 $scope.myNavigator.pushPage("link/to/some/other/page.html", {param1: "bla", param2: "blabla"});

Ich lese die Parameter mit diesem Code:

var page = $scope.myNavigator.getCurrentPage();
console.log(page.options.param1); // Should return "bla"

Dies gibt mir einen Fehler, weil param1 ist nicht definiert. Ich bin mir nicht sicher, warum das passiert, weil es der Code von der onsenUI-Seite ist. Ich denke, das liegt daran, dass ich die Seite @ bereits definiert hab link / to / some / other / page.html in meinem ons-slide-menu ....

Jede Seite sieht so aus:

<ons-navigator title="Navigator" var="myNavigator">
   <div ng-controller="ControllerOfPage">
      <ons-page>
         <ons-toolbar>
            <div class="left">
               <ons-toolbar-button ng-click="menu.toggle()">
                  <ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon>
               </ons-toolbar-button>
            </div>
            <div class="center">{{title}}</div>
         </ons-toolbar>
PAGE CONTENT
      </ons-page>
   </div>
</ons-navigator>

Irgendwelche Vorschläge? Danke

Antworten auf die Frage(2)

Ihre Antwort auf die Frage