javascript - 从json中获取第一个值

标签 javascript json angularjs

我正在尝试获取此 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"
    }]
}

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

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

但总是显示字段为空,我不知道如何只获取第一个或最后一个。如果可能的话我不知道,我正在尝试创建一个轮播。

最佳答案

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

尝试这样

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

关于javascript - 从json中获取第一个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31396721/

相关文章:

javascript - 明智地使用 .delegate() 性能更好吗?

javascript - 使用 JQuery 或 Javascript 操作 JSON

javascript - 为什么函数返回未定义?

json - 在 HTTP 请求到 JSON 之后,如何通过 angular-in-memory-web-api 变形返回到 Observable 的响应?

javascript - 在元素 json 数组上循环

json - Elasticsearch-查询数组以匹配数组中的多个对象

angularjs - 有没有办法刷新虚拟重复容器?

javascript - TypeScript:一个接口(interface)属性需要另一个属性为真

javascript - 如何修复 Model.findByIdAndUpdate() 返回属性 null

angularjs - 模块 'templates' 不可用!在 Angular js 中?