Angular 2: Access object data
<p>In my Angular RC2 app I make an observable HTTP call that returns the following JSON to me from the API:</p>

<pre><code>{
    "success":true,
    "data":
    {
        "Type": 1
        "Details":{
            "Id":"123",
            "Name":"test",
            "Description":"test"
        }
    }
}
</code></pre>

<p>I map the data like this:</p>

<pre><code>this._myService.get(id)
    .subscribe(
        (data) =&gt; {
            this.details = data.Details;
            this.type = data.Type;
        },
        (error) =&gt; {
            this.setError(error);
        }
     );
</code></pre>

<p>How do I access the values inside the "Details" object from here?</p>

<p>I tried:</p>

<pre><code>{{details.Name}}
</code></pre>

<p>But that won't work and I can't use ngFor to loop it either.</p>