title: angularjs Array not regnized by ng-repeat
body: <p>I'm writing an API on NodeJS (server part) and AngularJS (view part) which asks another API (NodeJS too) to get an object containing stuff including  an array of pictures. I'm interested by the pictures in this array.</p>
  
  <p>I wrote a for loop to get names of all pictures contained in my array of pictures in my object:</p>
  
  <pre><code>for(j=0; j&lt;reference.pictures.length; j++){
     self.url ="http://localhost:3000/api/pictures/"+reference.pictures[j].picture;
     self.urlArray = urlArray.push(self.url);
   }
   console.log(urlArray);
  </code></pre>
  
  <p>And I wrote for my view an ng-repeat:</p>
  
  <pre><code>&lt;div ng-repeat="url in urlArray"&gt;
    &lt;img ng-src="{{url}}"  width="150px"/&gt;
    &lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My problem ? I can see my urls contained in my array of urls in log when I console.log BUT I can't see 'em in my view with my ng-repeat. I guess my ng-repeat isn't perfect but still don't know why
  Any ideas ? </p>
  
  <p>To understand, I want to show all my pictures contained in my array so FIRST I did that:</p>
  
  <p>controller:</p>
  
  <pre><code>    self.url = "http://localhost:3000/api/pictures/"+reference.pictures[j].picture;
  </code></pre>
  
  <p>view:</p>
  
  <pre><code>&lt;div ng-repeat="picture in reference.pictures"&gt;
    &lt;img ng-src="{{url}}"  width="150px"/&gt;
    &lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and in result I have the good number of pictures, BUT the URL used to get pictures is the last one which is assigned exiting the loop, so all my pictures are the same (the last one), this is why I get the idea to make an array with all my different URL</p>