Angularjs遍历多个json数组

时间:2015-10-11 21:24:09

标签: json angularjs angularjs-ng-repeat

我对Angularjs很新,而且我正在从json做一个$ http.get。我得到了回应并且有效。唯一的问题是我必须对把手进行硬编码而不是进行ng-repeat

{{country.results[0]["breakfast/_text"][1] }}
{{country.results[0]["breakfast/_text"][2] }}
{{country.results[0]["breakfast/_text"][3] }}
{{country.results[1]["breakfast/_text"][1] }}
{{country.results[1]["breakfast/_text"][2] }}
{country.results[1]["breakfast/_text"][3] }} 
{{country.results[1]["breakfast/_text"][4] }}
{{country.results[2]["breakfast/_text"][1] }}
{country.results[2]["breakfast/_text"][2] }} 
{{country.results[2]["breakfast/_text"][3] }} 
{{country.results[3]["breakfast/_text"][1] }} 
{{country.results[3]["breakfast/_text"][2] }} 

如何对这样的二维json数组进行ng-repeat?

2 个答案:

答案 0 :(得分:0)

您应该使用两个嵌套的ngRepeat指令。这应该渲染它:

<div ng-repeat="result in country.results">
    <div ng-repeat="(key, value) in result['breakfast/_text']">
        {{value}}
    </div>
</div>

答案 1 :(得分:0)

我创建了一个plunker并使用ng-repeat来处理这样的2D数据。

$scope.data = [
  {'text':[1,2,3]},
  {'text':[3,4,5]},
  {'text':[5,6,7]},
  ];

<div ng-repeat="result in data">
       <div ng-repeat="value in result">
        <div ng-repeat="values in value">
        {{values}}
       </div>
   </div>
</div>

这可能会对你有所帮助。