title: How to iterate object keys using *ngFor
body: <p>I want to iterate [object object] using *ngFor in Angular 2. <br><br>The problem is the object is not array of object but object of object which contains further objects.</p>
  
  <pre><code>{
  
    "data": {
      "id": 834,
      "first_name": "GS",
      "last_name": "Shahid",
      "phone": "03215110224",
      "role": null,
      "email": "test@example.com",
      "picture": **{ &lt;-- I want to get thumb: url but not able to fetch that**
        "url": null,
        "thumb": {
          "url": null
        }
      },
      "address": "Nishtar Colony",
      "city_id": 2,
      "provider": "email",
      "uid": "test@example.com"
    }
  }
  </code></pre>
  
  <p>I know we can use pipe to iterate the object but how we can iterate further from object to object means <strong>data->picture->thum:url</strong>.</p>