title: Onsen ui navigation with parameters
body: <p>I am using onsen ui with typescript and angularJS with an ons-sliding-menu: </p>
  
  <pre><code>  &lt;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"&gt;
     &lt;/ons-sliding-menu&gt;
  
     &lt;ons-template id="menu.html"&gt;
        &lt;ons-page modifier="menu-page"&gt;
           &lt;ons-toolbar modifier="transparent"&gt;&lt;/ons-toolbar&gt;
           &lt;ons-list class="menu-list"&gt;
              &lt;ons-list-item class="menu-item" ng-click="menu.setMainPage('link/to/some/page.html', {closeMenu: true})"&gt;
                 Home
              &lt;/ons-list-item&gt;
          &lt;ons-list-item class="menu-item" ng-click="menu.setMainPage('link/to/some/other/page.html', {closeMenu: true})"&gt;
                 Home
              &lt;/ons-list-item&gt;
   &lt;/ons-list&gt;
        &lt;/ons-page&gt;
     &lt;/ons-template&gt;
  </code></pre>
  
  <p>This gives me my menu, an it is fine.... When I navigated to <em>link/to/some/page.html</em>, I need to push some parameters to <em>link/to/some/other/page.html</em> using that code:</p>
  
  <pre><code> $scope.myNavigator.pushPage("link/to/some/other/page.html", {param1: "bla", param2: "blabla"});
  </code></pre>
  
  <p>I read the parameters using this code:</p>
  
  <pre><code>var page = $scope.myNavigator.getCurrentPage();
  console.log(page.options.param1); // Should return "bla"
  </code></pre>
  
  <p>This gives me an error, because <em>param1</em> is not defined. I am not sure why this happens, because it is the code from the onsenUI-page.
  I think this is because I already defined the page <em>link/to/some/other/page.html</em> in my <em>ons-sliding-menu</em> ....</p>
  
  <p>Every page looks like this:</p>
  
  <pre><code>&lt;ons-navigator title="Navigator" var="myNavigator"&gt;
     &lt;div ng-controller="ControllerOfPage"&gt;
        &lt;ons-page&gt;
           &lt;ons-toolbar&gt;
              &lt;div class="left"&gt;
                 &lt;ons-toolbar-button ng-click="menu.toggle()"&gt;
                    &lt;ons-icon icon="ion-navicon" size="28px" fixed-width="false"&gt;&lt;/ons-icon&gt;
                 &lt;/ons-toolbar-button&gt;
              &lt;/div&gt;
              &lt;div class="center"&gt;{{title}}&lt;/div&gt;
           &lt;/ons-toolbar&gt;
  PAGE CONTENT
        &lt;/ons-page&gt;
     &lt;/div&gt;
  &lt;/ons-navigator&gt;
  </code></pre>
  
  <p>Any suggestions? Thank You!</p>