title: Accesing array inside of object with ng-src
body: <p>lately, I've been trying to show some images but I can't figure out why this is happening:
  I have an array of objetcs coming from the back-end as follows:</p>
  
  <pre><code>  [
    {
      Description:"blablablalb",
      title:"blablabla",
      images:[
      {
        path:1.jpg
      },
      {
        path:2.jpg
      }
     ]
    }
    ]
  </code></pre>
  
  <p>Now, I want to show the images with the information, so I have the next structure:</p>
  
  <pre><code>&lt;section class="workThumbnailContainer" ng-repeat="work in works"&gt;
              &lt;figure&gt;
                  &lt;a href="#"&gt;&lt;img class="workThumbnail" ng-src="{{assets/img/work.images[0].path}}"&gt;&lt;/a&gt;
                  &lt;figcaption class="workThumbnailTitle"&gt;&lt;a ui-sref="work_details({id:work.idwork})" &gt;{{work.title}}&lt;/a&gt;&lt;/figcaption&gt;
              &lt;/figure&gt;
          &lt;/section&gt;
  </code></pre>
  
  <p>Everything is working well excep this piece of code:</p>
  
  <pre><code> ng-src="{{assets/img/work.images[0].path}}
  </code></pre>
  
  <p>That gives me a NaN in the attribute, could somebody kindly explain me why this is happening? 
  Note: if I use {{work.images[0].path}} outside the ng-src, I get the image path as expected 
  Thanks in advance!</p>