从json中获取第一个值

Get the first value from json

本文关键字：第一个 获取 json      更新时间：2023-09-26

我试图获得这个json文件的第一个值("source") 

{
    "slides": [{
        "source": "images/Carousel-01.jpg",
        "title": "Slide 1 Title",
        "caption": "Slide 1 Description"
    }, {
        "source": "images/Carousel-02.jpg",
        "title": "Slide 2 Title",
        "caption": "Slide 2 Description"
    }]
}

我正在尝试使用这个代码获得angular的值

<div ng-repeat="img in slides">
   <img ng-src="{{img.slides[0].source}}" />
</div>

，但总是显示我字段空，我不知道如何得到只有第一个或最后一个。我不，如果这是可能的，我试图创建一个旋转木马。

如果你只需要第一张图片，那么你不需要ng-repeat

试试这样

<img ng-src="{{slides[0].source}}" />

ng-repeat标志表示循环遍历幻灯片数组中的所有对象(以{}表示)

所以当你调用img。slides[0]。source:

  1. img是当前幻灯片对象。
  2. 然后告诉循环在当前幻灯片对象(称为img)中查找另一个名为slides的数组。
  3. 你告诉循环获取数组[0]中的第一项
  4. 你在告诉代码在那个项目中查找源属性。

步骤2和3对于您的数据是错误的。每张幻灯片里面并不是一个幻灯片数组。

只需要{{image .source}}

相关文章：