title: Angular js - echoing data across multiple html pages
body: <p>I've worked with many languages and environments (predominately iOS &amp; C#) and have always managed to avoid working with scripting languages.  That avoidance streak has come to an abrupt end: as a huge angularjs project was thrown in my lap - now I'm scrambling to understand this very strange world.  Some features are really cool, other techniques have me thoroughly baffled.  I've spent weeks reading tutorials, studying examples and I still cannot solve a relatively simple problem regarding best practices and structure of the code.</p>
  
  <p>This is what I need to do:  I have a form, where the user will input data (for argument's sake, its two  fields of number type.)  I need to have a banner at the top of the page with the sum of the two input fields - that by itself is relatively easy - but the problem for me, is repeating this banner on subsequent pages.</p>
  
  <p>Home page will contain links to:</p>
  
  <pre><code>    page 1
      page 2
  </code></pre>
  
  <p>The link to page 2 will not be available until the user inputs data on page 1, forcing the user to visit page 1, first.  The banner element needs to be a separate file.  Page 2 is a passive display of the data, Page 1 is only page that can actively edit the data.</p>
  
  <p>page 1:  would look like this --</p>
  
  <pre><code>banner.html (sum of fields A &amp; field B)
  
  input field A
  input field B
  </code></pre>
  
  <p>page 2:</p>
  
  <pre><code>banner.html (sum of field A &amp; field B)
  
  Lorem Ipsum ....
  </code></pre>
  
  <p>What's the best way to achieve this task?</p>