title: setMainPage does not seem to work when i set the Id using angular tags any idea why?
body: <pre><code>#Menu code#
  
      &lt;ons-list-item class="menu-item" ng-repeat="list in pages" ng-click="menu.setMainPage('{{list.PageId}}.html', {closeMenu: true})"&gt;
          &lt;ons-icon&gt;&lt;/ons-icon&gt;
          Home {{ list.PageTitle }}
      &lt;/ons-list-item&gt;
  
  #Slider code#
  
  &lt;ons-template ng-repeat="list in pages" id="{{list.PageId}}.html"&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;SirBaniyas Forum&lt;/div&gt;
          &lt;/ons-toolbar&gt;
  
          &lt;ons-row style="margin-top:0px; background-color:#262217;"&gt;
              &lt;div class="page__conbg"&gt;
                  &lt;div style="position:absolute; top:46px; width:100%; background-image:url(images/strip1.png); background-repeat:repeat-x; text-align:center;"&gt;
                      &lt;img src="images/logo_trans.png" alt=""/&gt; 
                  &lt;/div&gt;
            &lt;/div&gt;
          &lt;/ons-row&gt;
      &lt;/ons-page&gt;
  &lt;/ons-template&gt;
  </code></pre>
  
  <p>FYI: If i dont use the angular tags and put a plain string the slider works just fine 
  The reason for putting the angular tag is because i need to generate the menu and the content dynamically </p>