title: show products in view when there are inside JSON/ OBJ using Nativeescript
body: <p>I have this JSON:</p>
  
  <pre><code>{
      "StatusCode": 0,
      "StatusMessage": "OK",
      "StatusDescription": [
          {
              "pharmacy_id": "011E752345553380ABC13FFA163ECD15",
              "pharmacy_name": "Pharmacy",
              "lastUpdated": "2019-12-03T11:15:26.510Z",
              "products": [
                  {
                      "productID": "11AA016CBEFFE8B29B46E8393535C49F",
                      "quantity": 1,
                      "product_name": "BETADINE",
                      "price": 10
                  }
              ],
          },
          {
              "pharmacy_id": "011E762345552280FBC13FFA163ECD10",
              "pharmacy_name": "Test Pharmacy",
              "lastUpdated": "2019-12-03T13:40:55.759Z",
              "products": [
                  {
                      "productID": "11BA016CBEFFE8B29B46E8393445C49F",
                      "quantity": 4,
                      "product_name": "EUCARBON",
                      "price": 10
                  },
                  {
                      "productID": "11BA016CBEFFE8B29B46E8393532C49F",
                      "quantity": 2,
                      "product_name": "ALMACINE",
                      "price": 10
                  },
                  {
                      "productID": "22BA016CBEFFE8B29B46E8393555C49F",
                      "quantity": 2,
                      "product_name": "BUPRENORFIN",
                      "price": 10
                  }
              ],
          },
            .....
  
      ]
  }
  </code></pre>
  
  <p>I want to show in view product_name, quantity, price.</p>
  
  <p>I get all data from API with this code:</p>
  
  <pre><code>public items: Receta;
      getall() {
          this.WS.history().subscribe(
              items =&gt; {
                  this.items = items;
                  console.log('itemsssssssssssssss', items) // show JSON
                  console.log('itemsssssssssssssss.products', items.products) // show undefined
              },
              err =&gt; console.error('err', err),
              () =&gt; console.log('error')
          );     
      }
  </code></pre>
  
  <p>In html I can show only pharmacy_name, I want to show and products for each pharmacy .</p>
  
  <pre><code>   &lt;StackLayout *ngFor="let item of items; let i = index;" padding="10"&gt;
                          &lt;GridLayout columns="*" rows="auto" style="padding: 10%;"&gt;
                              &lt;Label [text]="item .pharmacy_name" class="list-group-item-heading"
                                  style="width: 60%; font-size: 14px; text-align: left;" row="0" col='0'
                                  horizontalAlignment="left"&gt;&lt;/Label&gt;
                          &lt;/GridLayout&gt;
      &lt;/StackLayout&gt;
  </code></pre>
  
  <p>Please, can you ask me any idea how to show  and products in view?</p>