title: Can I bind data to a root Component?
body: <p>I am experimenting with Angular 2 and I tried to bind data to my root ( or application ) component, which is the one being bootstrapped. But I always get undefined inside it. It wouldn't be a big issue in most cases as we could always encapsulate the component we need to get the data into another component. But in the case of an application component I think it would be good to be able to pass data to it like arguments to a program.</p>
  
  <p>Anyways, here is some code illustrating the issue :</p>
  
  <pre><code>index.html
  ----------
  &lt;body&gt;
  
      &lt;app-component p="ok"&gt;
  
      &lt;/app-component&gt;
      &lt;script&gt;
  
          System.import('AppComponent');
  
      &lt;/script&gt;
  
  &lt;/body&gt;
  
  AppComponent.ts
  ---------------
  /// &lt;reference path="typings/angular2/angular2.d.ts" /&gt;
  
  import {Component, View, bootstrap} from 'angular2/angular2';
  
  @Component({
      selector:'app-component',
      properties:'p'
  })
  @View({
      template: "&lt;h1&gt;test : {{ p }}&lt;/h1&gt;"
  })
  class AppComponent {
  
  }
  
  bootstrap(AppComponent);
  </code></pre>
  
  <p>In this code, p is always undefined, is there any way to get this working?</p>