從json獲取第一個值

Question

我正在嘗試獲取此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>

但總是向我展示該字段為空，我不知道如何只獲得第一個或最后一個。 如果可行，我不會嘗試創建輪播。

Answer 1

如果只需要第一個圖像，則不需要ng-repeat

這樣嘗試

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

Answer 2

ng-repeat標志意味着它循環遍歷slides數組中的所有對象（用{}表示）

因此，當您調用img.slides [0] .source時：

1. img是當前幻燈片對象。
2. 然后，您要告訴循環在當前幻燈片對象（稱為img）中查找另一個名為slides的數組。
3. 您正在告訴循環獲取該數組中的第一項[0]
4. 您正在告訴代碼在該項目中尋找source屬性。

步驟2和3對於您的數據是錯誤的。 每張幻燈片內沒有一組幻燈片。

您只需要{{img.source}}