从json

Question

我正在尝试获取此json文件的第一个值（＆＃34; source＆＃34;）

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

但总是向我显示该字段为空我不知道如何只获得第一个或最后一个。如果这是可能的话，我不会尝试创建旋转木马。

Answer 1

如果您只需要第一张图片，则不需要ng-repeat

试试这个

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

Answer 2

ng-repeat标志表示它遍历幻灯片数组中的所有对象（由{}表示）

所以当你调用img.slides [0] .source：

时

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

第2步和第3步对您的数据有误。每张幻灯片内没有一系列幻灯片。

您只需要{{img.source}}