Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng repeat仅显示json中的最后一项_Javascript_Json_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript ng repeat仅显示json中的最后一项

Javascript ng repeat仅显示json中的最后一项,javascript,json,angularjs,angularjs-ng-repeat,Javascript,Json,Angularjs,Angularjs Ng Repeat,如何使用ng repeat显示JSON中特定数量的项。现在它只显示最后一项 JSON { "list":{ "item": { "id":1, "img": "1.jpg", "user": "David Belle", "text": "Cum sociis natoque penatibus et magnis dis parturient montes"

如何使用ng repeat显示JSON中特定数量的项。现在它只显示最后一项

JSON

{  
   "list":{  
        "item": {
            "id":1,
            "img": "1.jpg",
            "user": "David Belle",
            "text": "Cum sociis natoque penatibus et magnis dis parturient montes"
        },
        "item": {
            "id":2,
            "img": "2.jpg",
            "user": "Jonathan Morris",
            "text": "Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel"
        },
        "item": {
            "id":3,
            "img": "3.jpg",
            "user": "Fredric Mitchell Jr",
            "text": "Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies"
        }
    }
}
ANGULARJS

控制器

HTML

<div ng-controller="mainCtrl">
    <a href="" ng-repeat="w in msResult.list">
         <div class="lv-title">{{ w.user }}</div>
         <small class="lv-small">{{ w.text }}</small>
    </a>
</div>

最简单的方法是更改JSON结构以包含数组(而不是对象),如下所示:

{  
   "list": [{
        "id":1,
        "img": "1.jpg",
        "user": "David Belle",
        "text": "Cum sociis natoque penatibus et magnis dis parturient montes"
    }, {
        "id":2,
        "img": "2.jpg",
        "user": "Jonathan Morris",
        "text": "Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel"
    }, {
        "id":3,
        "img": "3.jpg",
        "user": "Fredric Mitchell Jr",
        "text": "Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies"
    }]
}

哇,你真酷。请你也指导我展示特定数量的物品。非常感谢您的数组,例如
“msResult.list.slice(0,2)中的w”
{  
   "list": [{
        "id":1,
        "img": "1.jpg",
        "user": "David Belle",
        "text": "Cum sociis natoque penatibus et magnis dis parturient montes"
    }, {
        "id":2,
        "img": "2.jpg",
        "user": "Jonathan Morris",
        "text": "Nunc quis diam diamurabitur at dolor elementum, dictum turpis vel"
    }, {
        "id":3,
        "img": "3.jpg",
        "user": "Fredric Mitchell Jr",
        "text": "Phasellus a ante et est ornare accumsan at vel magnauis blandit turpis at augue ultricies"
    }]
}