Data binding not updating when property changes in Angular2
<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>