Additional Menu for Single Page with $scope content


#1

Ok so i have a basic layout for all by logged in pages.
These consist of page1.html page2.html page3.html and then sidemenu.html

On each of page1/2/3 I have the navbar which toggles the sidemenu and displays the content of sidemenu.html correctly and how I would like it.

Something like this

  <ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
  </ion-nav-buttons>

So i added an additional one to this single page like

  <ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
  </ion-nav-buttons>
  <ion-nav-buttons side="right">
    <button menu-toggle="right" class="button button-icon icon ion-navicon"></button>
  </ion-nav-buttons>

which displays correctly.
Now I can add additional content to my sidemenu.html

 <ion-side-menus>
 </ion-side-menus>

So they contain both menus, however am i right in thinking this would be used for all pages (albiet hidden)…

therefore when I try add content such such {{ some data }} it will error on the pages when this is not in scope.

Ideally I would like to add <ionic-side-menus> within the template file for this single page however that also doesnt work.

Work is the correct way of achieving this?
I want my search page to have an additional right menu with filter options available on it.

Many Thanks