使用ng-src访问对象内部的数组

时间:2015-03-22 23:31:08

标签: javascript arrays angularjs

最近,我一直试图展示一些图片,但我无法弄清楚为什么会发生这种情况: 我有一系列来自后端的objetc如下:

  [
  {
    Description:"blablablalb",
    title:"blablabla",
    images:[
    {
      path:1.jpg
    },
    {
      path:2.jpg
    }
   ]
  }
  ]

现在,我想用信息显示图像,所以我有下一个结构:

<section class="workThumbnailContainer" ng-repeat="work in works">
            <figure>
                <a href="#"><img class="workThumbnail" ng-src="{{assets/img/work.images[0].path}}"></a>
                <figcaption class="workThumbnailTitle"><a ui-sref="work_details({id:work.idwork})" >{{work.title}}</a></figcaption>
            </figure>
        </section>

除了这段代码之外,一切都运转良好:

 ng-src="{{assets/img/work.images[0].path}}

这给了我属性中的NaN,有人可以向我解释为什么会这样吗? 注意:如果我在ng-src之外使用{{work.images [0] .path}},我会按预期获得图像路径 提前谢谢!

1 个答案:

答案 0 :(得分:2)

尝试

ng-src="assets/img/{{work.images[0].path}}"

您当前的版本不起作用,因为{{}}内的所有内容都必须是有效的角度表达式。 &#34;资产/ IMG /&#34;在作为表达式求值时是语法错误。