Элементы ListView отображаются как [объектный объект] Массив в массиве

У меня есть вопрос о моем коде. У меня есть этот JSON:

тележка

[
  {
    "_id": "5d2c9123fc70b57e44ec7924",
    "userid": "11E76234942299FCC13FFA163EDC2079",
    "dateCreated": "2019-07-15T14:43:47.282Z",
    "deleted": 0,
    "purchased": 0,
    "products": [
      {
        "productID": "2",
        "price": "100",
        "quantiy": "3"
      },
      {
        "productID": "3",
        "price": "100",
        "quantiy": "1"
      },
      {
        "productID": "14",
        "price": "100",
        "quantiy": "1"
      }
    ]
  }
]

Я получаю JSON из этой функции:

getcart() {
  this.ws.getCart().subscribe(
    cart => {
      this.cart = cart;
      console.info('cart', cart)
    },
    err => console.error('error', err),
    () => console.info('error')
  );
}

Теперь я хочу показать products в представлении, для этого я написал этот код в html:

<ListView row = "1" class = "list-group" [items] = "cart" style = "height:1250px">
    <ng-template let-shop = "item">
        <FlexboxLayout flexDirection = "row" class = "list-group-item">
            <StackLayout height = "100%">
                <Label [text] = "shop._id"></Label>
                <Label [text] = "shop.userid"></Label>
                <Label [text] = "shop?.products"></Label>
            </StackLayout>
        </FlexboxLayout>
    </ng-template>
</ListView>

Вид, который я получаю: