使用ng-src增强对象内部的数组

Accesing array inside of object with ng-src

本文关键字：数组 内部 对象 ng-src 增强 使用      更新时间：2023-09-26

最近，我一直在尝试显示一些图像，但我不明白为什么会发生这种情况：我有一个来自后端的对象数组，如下所示：

  [
  {
    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｝｝，我会得到预期的图像路径提前感谢！

尝试

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

您当前的版本不起作用，因为｛｛｝｝内部的所有内容都必须是有效的角度表达式。当作为表达式计算时，"assets/img/"是一个语法错误。

相关文章：