Javascript 从json获取第一个值

我正在尝试获取此json文件的第一个值（“源”）

{
    "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"
    }]
}

我正在尝试使用此代码获取角度值

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

---

但总是给我看一片空白，我不知道如何才能得到第一片或最后一片。我不知道这是否可行，我正在尝试创建一个旋转木马。

如果您只需要第一个图像，则不需要重复

像这样试试

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

---

ng repeat标志意味着它在slides数组中的所有对象（由{}表示）之间循环

因此，当您调用img.slides[0]时。来源：

img是当前幻灯片对象

然后告诉循环在当前幻灯片对象（称为img）中查找另一个名为slides的数组

您正在告诉循环获取该数组中的第一项[0]

您正在告诉代码在该项中查找源属性

步骤2和步骤3与您的数据不符。每张幻灯片中没有幻灯片阵列

---

你只需要{{img.source}

是的，这样做很好，但是我只需要第一个图像的源代码，{img.source}我有所有的图像。使用{{img[0].source}，如果你只想提取json幻灯片的一个字段，你不必使用ng repeat