title: Accessing a property in a parent Component
body: <p>I have a property in a top level Component that is used data from a HTTP source like so (this is in a file called <code>app.ts</code>):</p>
  
  <pre><code>import {UserData} from './services/user-data/UserData';
  
  Component({
      selector: 'app', // &lt;app&gt;&lt;/app&gt;
      providers: [...FORM_PROVIDERS],
      directives: [...ROUTER_DIRECTIVES],
      pipes: [],
      template: require('./app.html')
  })
  @RouteConfig([
      // stuff here
  ])
  
  export class App {
      // Please note that UserData is an Injectable Service I have written
      userStatus: UserStatus;
  
      constructor(private userData: UserData) {
          this.userStatus = new UserStatus();
      }
  
      ngOnInit() {
          this.userData.getUserStatus()
              .subscribe(
              (status) =&gt; {
                  this.userStatus = status; // I want to access this in my Child Components...
              },
              (err) =&gt; {console.log(err);},
              () =&gt; {console.log("User status complete");            }
          );
      }
  }
  </code></pre>
  
  <p>Now, I have another Component that is a direct child of the top level Component and within it I would like to access the parent's property '<code>userStatus</code>', here is the child:</p>
  
  <pre><code>Component({
      selector: 'profile',
      template: require('app/components/profile/profile.html'),
      providers: [],
      directives: [],
      pipes: []
  })
  
  export class Profile implements OnInit {
      constructor() {
  
      }
  
      ngOnInit() {
          // I want to have access with the parent App Component, 'userStatus' propety here... I only want to read this property
      }
  }
  </code></pre>
  
  <p>Now in Angular 1.x this would be easy as I could reference <code>$parent</code> in my child controller or (<strong>ANTI PATTERN ALERT!!!</strong>) I could be so foolish to put this data in my <code>$rootScope</code>.</p>
  
  <p>What would be the best way to access the parent in Angular 2?</p>