title: Angular 2 - What is equivalent to Root Scope?
body: <p>All! I've this component where when I click on the href it is supposed to set a variable as Root Scope if it was Angular 1 like this:</p>
  
  <pre><code>selector: 'my-component'
  template : `
              &lt;div (click)="addTag(1, 'abc')"&gt;`
  
  constructor() {
      this.addTag = function(id, desc){
          myGlobalVar = { a: id, b: desc};
      };
  </code></pre>
  
  <p>Then in my parent component, the page itself (in fact) I should be doing something like: </p>
  
  <pre><code>&lt;my-component&gt;&lt;/my-component&gt;
  &lt;p&gt;My Component is returning me {{ ?????? }}
  </code></pre>
  
  <p>What is the best approach to do such a thing?</p>