title: Showing multiple AngularJS routes at once
body: <p>I have built an AngularJS single page app to display reports.  There is a select box for the user to select a report from dozens of reports and that report loads in the ui-view using Angular's UI-Router.  If they selected the Big Report, the url is something like myapp.com/#/reports/big-report.</p>
  
  <p>I would like to build a print function that would allow them to select multiple reports from a list and print off just those reports all together.  I was thinking about loading them into a hidden div with print styles to show them when printing.  That seems to work fine for a single report, but I'm not sure how to load multiple.</p>
  
  <p>How would you load multiple "routes" or reports at once into hidden divs?  Trying to think of a way to create a dynamic number of hidden ui-views, but I'm not sure that's correct.  Maybe iframes loading each report route in it, but that seems dirty.  Any ideas?</p>