title: retrieving and displaying json object using *ngFor
body: <p>I want to retrieve informations from a json file in angular2.For this purpose, i created this custom pipe, following the example <a href="https://stackoverflow.com/questions/35647365/how-to-display-json-object-using-ngfor?lq=1">How to display json object using *ngFor</a></p>
  
  <pre><code>import {Pipe, PipeTransform} from 'angular2/core';
  
  @Pipe({name: 'parseData'})
  
  
  export class ParseDataPipe implements PipeTransform{
      constructor(){}
  
      transform(value, args:string[]) : any {
  
         let keys = [];
  
           for (let key in value) {
              keys.push({
                   key: key,
                   value: value[key]
              });
           }
           return keys;
  
      }
  
  }
  </code></pre>
  
  <p>This is the template i used in the component:</p>
  
  <p></p>
  
  <pre><code>        &lt;button (click)="onTestGet()"&gt;GET REQUEST&lt;/button&gt;&lt;br&gt;
              &lt;p&gt;{{getData}}&lt;/p&gt;
  
          &lt;button (click)="onTestPost()"&gt;POST REQUEST&lt;/button&gt;&lt;br&gt;
              &lt;p&gt;{{postData}}&lt;/p&gt;
  
          &lt;span *ngFor="#entry of postData | parseData"&gt;
              &lt;ul&gt;
                      &lt;!--&lt;li&gt;Key: {{entry.key}}, value: {{entry.value.status}}&lt;/li&gt;;--&gt;
                      &lt;li&gt;Value: {{entry.value}}&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>this is my json file: </p>
  
  <pre><code>{"status":"success","type":"cellSetData","data":    {"epoch":6874,"cube":"EquityDer","axes":[{"id":-1,"hierarchies":  [{"dimension":"Measures","hierarchy":"Measures"}],"positions":  [[{"namePath":["pnl.SUM"],"captionPath":["pnl.SUM"],"properties":   {"DISPLAY_INFO":0}}]]}],"cells":[{"ordinal":0,"value":-42973.21272120108,"formattedValue":"-42,973.21","properties":{}}],"defaultMembers":[{"dimension":"Measures","hierarchy":"Measures","path":["contributors.COUNT"],"captionPath":["Count"]},{"dimension":"Time","hierarchy":"HistoricalDates","path":["Mon Apr 11 02:00:00 CEST 2016"],"captionPath":["2016-04-11"]},{"dimension":"Epoch","hierarchy":"Epoch","path":["master"],"captionPath":["master"]}]}}
  </code></pre>
  
  <p>i want to retrieve for example "status" and "type", but i retrieve an array of character like this:</p>
  
  <p>Value: {
  Value: "
  Value: s
  Value: t
  Value: a
  Value: t
  Value: u
  Value: s
  Value: "
  Value: :
  Value: "
  Value: s
  Value: u
  Value: c
  Value: c
  Value: e
  Value: s
  Value: s
  Value: "
  Value: ,
  Value: "
  ...</p>
  
  <p>I parse the Object i retrieve like that:</p>
  
  <pre><code>postJSON(){
            var param=JSON.stringify(
              {"mdx":"SELECT FROM [EquityDerivativesCube] WHERE ([Measures].[pnl.SUM])"}
            );
  
            var firstheaders = new  Headers();
  
            firstheaders.append('Content-Type', 'application/json');
            firstheaders.append('Authorization', 'Basic YWRtaW46YWRtaW4=');
  
          return this._http
              .post('http://localhost:9090/webservices/pivot/rest/v1/cube/query/mdx', param,{headers: firstheaders})
              .map(res =&gt; res.json());
  
      }
  </code></pre>
  
  <p>Does anyone know why i retrieve an array of character and not an array of string like i desired?
  i want to specify that i follow these examples : <a href="https://stackoverflow.com/questions/35534959/access-key-and-value-of-object-using-ngfor?lq=1">access key and value of object using *ngFor</a> 
  <a href="https://stackoverflow.com/questions/35705424/deep-nested-json-to-array-in-array-json-rendering-of-angular-2-ngfor?lq=1">Deep nested json to array in array / json rendering of Angular 2 *ngFor</a></p>
  
  <p>I think that it's not a problem of parsing json, but retrieve it to display...</p>
  
  <p>thanks for helping me</p>