title: angularjs nginclude to a ReportServer url
body: <p>I am part of a team developing a custom SharePoint application that uses AngularJS and SSRS Reports.  Basically, the application allows the user to select a report, select a set of parameters, and then view the report within the site/app.  </p>
  
  <p>Everything worked fine until we turned on the report ToolBar.  At that point, the report stopped rendering.  Only the toolbar was visible.</p>
  
  <p>Here's what we are doing:</p>
  
  <p>The html for the part of the app that displays the report:</p>
  
  <pre><code>&lt;section class="left-panel report-view-panel ssrsReport show"&gt;
      &lt;h1&gt;{{CurrentReport.Title}}&lt;/h1&gt;
      &lt;button class="btn-report-close" ng-click="closeReport()"  type="button"&gt;Close&lt;/button&gt;
      &lt;div class="scroll-list"&gt;
          &lt;figure class="report"&gt;
              &lt;div class="sample-report"&gt;
                  &lt;div ng-include='CurrentReportURL'&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/figure&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>In the controller javascript, we build out the report server url (CurrentReportURL) to be something like:</p>
  
  <p><a href="http://ourreportserver.com/_vti_bin/ReportServer?http://ourreportserver.com/Our%20Reports/Report1.rdl&amp;rs:Command=Render&amp;rc:Toolbar=false&amp;rc:Parameters=false&amp;Param1=41001&amp;Param2=08&amp;Param3=0" rel="nofollow">http://ourreportserver.com/_vti_bin/ReportServer?http://ourreportserver.com/Our%20Reports/Report1.rdl&amp;rs:Command=Render&amp;rc:Toolbar=false&amp;rc:Parameters=false&amp;Param1=41001&amp;Param2=08&amp;Param3=0</a></p>
  
  <p>We're telling it to render the report, hiding the toolbar and hiding the parameter selection.  This works fine.  The report renders as expected.</p>
  
  <p>However, changing the url to this:</p>
  
  <p><a href="http://ourreportserver.com/_vti_bin/ReportServer?http://ourreportserver.com/Our%20Reports/Report1.rdl&amp;rs:Command=Render&amp;rc:Toolbar=true&amp;rc:Parameters=false&amp;Param1=41001&amp;Param2=08&amp;Param3=0" rel="nofollow">http://ourreportserver.com/_vti_bin/ReportServer?http://ourreportserver.com/Our%20Reports/Report1.rdl&amp;rs:Command=Render&amp;rc:Toolbar=true&amp;rc:Parameters=false&amp;Param1=41001&amp;Param2=08&amp;Param3=0</a></p>
  
  <p>causes only the toolbar to render.  No report.  If I copy that same url and just open it in a browser window the report renders as expected.</p>
  
  <p>I dug a little deeper and looked at both scenarios using Chrome and Chrome's Developer Tools Network tab.  There were several differences in the calls that were made between the url in the ng-include and the url in the browser window.  However, the one that stood out the most was a POST to RSViewerPage.aspx with all of the report viewer and report parameters converted to the appropriate ReportViewer parameters. (I'd post that actual link, but SO is telling me that I need a reputation of 10 to do that).</p>
  
  <p>I am getting the same results in Chrome and IE10.</p>
  
  <p>I'm looking for some guidance as to why the ng-include version is not making the POST?  I believe this POST has something to do with the SSRS Session that is only tracked with the toolbar is on, but I'm really not sure.</p>
  
  <p>Any guidance would be greatly appreciated!</p>