title: For Angular2, why do two pages (two tabs) having the same component affect each other?
body: <p>This is an Angular2 app, and the component is simplified here as:</p>
  
  <pre><code>@Component({
      selector: 'courses',
      template: `
          &lt;input [(ngModel)]="wahla"&gt;
          &lt;input [(ngModel)]="wahla"&gt;
          {{ wahla }}
          `
  })
  export class CoursesComponent {
      wahla = "hmm hmm ha ha";
  }
  </code></pre>
  
  <p>I think the app works fine in one page with the two-way binding, but if I open up another tab with <a href="http://localhost:3000/">http://localhost:3000/</a> and then paste something or type something in the first page's first input box, then the second tab actually gets updated for its first input box, while the 2nd input box and the static text do not update.</p>
  
  <p>For the first tab, everything is updated as expected.</p>
  
  <p>Is this supposed to happen or what might be wrong?  This is running using <code>npm start</code> which is running a lite-server with BrowserSync.</p>