title: Angular 2 - how to display the array object inside an array of objects
body: <p>This is my example of json file</p>
  
  <pre><code>{
      "id": 5,
      "url": "http://localhost:8000/api/v1/users/5/",
      "username": "Najmuddin",
      "email": "",
      "groups": [
        {
          "id": 1,
          "url": "http://localhost:8000/api/v1/groups/1/",
          "name": "KETUA UNIT SEKSYEN",
          "permissions": [
            "Can add level",
            "Can change level",
            "Can delete level"
          ]
        }
      ]
    },
  </code></pre>
  
  <p>and this is my code</p>
  
  <pre><code>public getUser(){
    this.jobService.getUsers().subscribe(
      user =&gt; {
        for (let i = 0; i &lt; user.length; i++) {
          this.user = user;
          let username = user[i].username; --&gt; i can get id,url,username,...
          let group = user[i].groups; --&gt; i only get the [object] but i want 
           to get the id, url, and name instead
        }
      },
    );
  }
  </code></pre>
  
  <p>I only can get and display object for User and not be able to get groups id, url and name <code>and permission</code>[object]`. Is it something that i missing?</p>