title: Data binding not updating when property changes in Angular2
body: <p>I can't figure out how to bind the fields to the component so that the fields update when i change the properties in OnDataUpdate(). </p>
  
  <p>The field "OtherValue" has a working two way binding to the input-field and the field for "Name" displayes "test" when the component is displayed. But when i refresh the data, none of the fields are updated to display the updated data. </p>
  
  <p>The first logged value of "this.name" is undefined(???), the second is correct, but the field bound to the same property does not update.</p>
  
  <p>How can the component provide the initial value for the name-field, but when the data update is trigged, the name-property is suddenly undefined?</p>
  
  <p>stuff.component.ts</p>
  
  <pre class="lang-js prettyprint-override"><code>@Component({
      moduleId: __moduleName,
      selector: 'stuff',
      templateUrl: 'stuff.component.html'
  })
  
  export class StuffComponent {
      Name: string = "test";
      OtherValue: string;
  
      constructor(private dataservice: DataSeriesService) {
          dataservice.subscribe(this.OnDataUpdate);
      }
  
      OnDataUpdate(data: any) {
          console.log(this.Name);
          this.Name = data.name;
          this.OtherValue = data.otherValue;
          console.log(this.Name);
  }
  </code></pre>
  
  <p>stuff.component.html</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;td&gt;{{Name}}&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th&gt;Other&lt;/th&gt;
          &lt;td&gt;{{OtherValue}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;input [(ngModel)]="OtherValue" /&gt;
  </code></pre>