title: AngularJS use data from one page to print a report in another
body: <p>I have a domain object on which multiple procedures might be performed, each procedure might (or might not) have pre-configured reports to be generated.</p>
  <p>When viewing the details page of the domain object, a list of the performed procedures is displayed with the corresponding reports to be generated for them. The reports would be launched in another browser tab when clicking their hyperlinks.</p>
  <p><img src="https://i.stack.imgur.com/4pFg9.png" alt="procedure-section-in-the-ui" /></p>
  <p>Suppose that <em>all</em> the information needed by the reports is already present in a <code>$scope.myDomainObject</code> of the current details page, how can I take advantage of this object in the report page without re-fetching the same data from the server again.</p>
  <hr />
  <h3>EDIT</h3>
  <p>The report is a simple Html page styled with CSS to match the A4 paper format. I wanted to use directives instead of opening a new page in another tab, but since the reports are dynamically configured in the DB that wouldn't work. Maybe if directive templates weren't cached I would've used a dynamic templateUrl for them.</p>