JSON iteration working halfway
<p>I have this code inside an AngularJS Service:</p>

<pre><code>var products = [];

$http.get('http://www.......it/app/parse.php').
    success(function(data, status, headers, config) {
        products.push(data);
        console.log(products);
    }).
    error(function(data, status, headers, config) {
        console.error("Error JSON")
        console.log(data);
});

return {
    all: function() {
        return products;
    },
    remove: function(chat) {
        products.splice(products.indexOf(chat), 1);
    },
    get: function(chatId) {
        for (var i = 0; i &lt; products.length; i++) {
            if (products[i].id === parseInt(chatId)) {
                return products[i];
            }
        }
        return null;
    }
};
</code></pre>

<p>The HTML is composed of a JSON log and an ng-repeat.</p>

<pre><code>&lt;pre&gt;{{shoesItems.items | json}}&lt;/pre&gt;
&lt;div class="row" ng-repeat="item in shoesItems.items"&gt;
</code></pre>

<p>This is the result:</p>

<p><a href="https://i.stack.imgur.com/1EQFr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1EQFr.png" alt="enter image description here"></a></p>

<p>While if I change <code>products.push(data);</code> to <code>products.push(data[0]);</code> I can see the first image:</p>

<p><a href="https://i.stack.imgur.com/f5iSY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f5iSY.png" alt="enter image description here"></a></p>

<p>How do I show them all?</p>