Question

最近，我一直试图展示一些图片，但我无法弄清楚为什么会发生这种情况：我有一系列来自后端的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}}，我会按预期获得图像路径提前谢谢！

Answer 1

尝试

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

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

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

1 个答案: