title: How to print an Arrays in JSON Objects?
body: <p>I have this webservice comming from a drupal site. </p>
  
  <pre><code>{
      "uid": [
          {
              "value": 8
          }
      ],
      "uuid": [
          {
              "value": "b823efdc-fa44-45ea-a1f4-a804bae4d215"
          }
      ],
      "langcode": [
          {
              "value": "en"
          }
      ],
      "name": [
          {
              "value": "pruthiswebar"
          }
      ],
  
  }
  </code></pre>
  
  <p>This is my class, it doesnt have all the different elements from the webservice, just that one that i need. </p>
  
  <pre><code>export class User {
      "uid": [
              {
                  "value": number;
              }
       ];
      "uuid": [
          {
              "value": string;
          }
      ];
      "langcode": [
          {
              "value": string;
          }
      ];
      "name": [
          {
              "value": string
          }
      ];
  }
  </code></pre>
  
  <p>I want to know how to print it in my component.html </p>
  
  <pre><code>&lt;h2&gt;Users &lt;/h2&gt;
  &lt;ul class="users"&gt;
      &lt;li *ngFor="let user of users.name"&gt;
          &lt;a routerLink="/user/{{user.id}}"&gt;
              &lt;span class="badge"&gt;{{user.uid.value}}&lt;/span&gt;{{ user.name.value | uppercase }}
          &lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>My web service comes from Drupal. I am using angular 5. There is a service that consume the json with a simple http get request. </p>
  
  <p>But i got this problem:
  ERROR TypeError: Cannot read property 'value' of undefined</p>