title: Using img ng-src to display array of image not working
body: <p>I read some solutions for using ng-src when displaying an array of image, but it seems to be not working. Only 1 item in array accepts to be displayed. Any solution for this? I tried <code>img [src]</code> too but non of it is working.</p>
  
  <p><strong>Here is what I tried</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('selectExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
   
      $scope.register = {
        regData: {
          branch: {},
        },
        names: [{
          name:"narquois",
          image:[
          "https://picsum.photos/200",
          "https://picsum.photos/200/300/?random"]
          
          },
          {
          name:"velvet",
          image:[
          "https://picsum.photos/200"]
          
          }],
      };
  
    }]);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>img{
  width:70px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;div ng-app="selectExample" ng-controller="ExampleController"&gt;
  &lt;table id="example" width="100%"&gt;
      &lt;thead&gt;
         &lt;tr align="center"&gt;
           &lt;th&gt;Name&lt;/th&gt;
           &lt;th&gt;Image&lt;/th&gt;
         &lt;/tr&gt;
      &lt;/thead&gt;   
      &lt;tbody&gt;
         &lt;tr ng-repeat="person in register.names"&gt;
           &lt;td align="center"&gt;{{ person.name }}&lt;/td&gt;
           &lt;td align="center"&gt;&lt;img ng-src="{{ person.image }}"&gt;&lt;/td&gt;
         &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt; 
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>