Data not updated on http response
<p>After http response comes I updated "user" field but it causes an error. </p>

<p>Error:Cannot read property 'firstName' of undefined in [ name filed {{user.firstName}} in ProfileComponent@5:3]</p>

<p>If I write<code>&lt;p&gt; {{user | json}} &lt;/p&gt;</code> I see the value of "user" field.</p>

<p><strong>Component</strong></p>

<pre><code>export class ProfileComponent implements OnInit {

    title:string = "Profile";
    public user:User;

    constructor(private _stateService:StateService,
                private _profileService:ProfileService) {
    }

    ngOnInit():any {
        this._profileService
            .getMe()
            .subscribe(
                user=&gt; this.user = user
            )
    }
}
</code></pre>

<p><strong>Html</strong></p>

<pre><code>&lt;p&gt;{{ user.firstName }}&lt;/p&gt;
</code></pre>