迭代angularjs

时间:2016-06-21 18:21:08

标签: html arrays angularjs angularjs-ng-repeat iteration

我想迭代数组元素并逐个打印它们。 目前我有这个HTML代码。

<div data-ng-repeat="i in range">
    <div ng-repeat="rhit in hits[i]">
      <p > {{ rhit }}</p>
     </div>
</div>

这里

  • “range”是一个值为100的数组([0,1,2,....,100])

  • “hits”是一个包含多个元素的数组

如果我尝试单独打印这样,它可以正常工作

<p > {{ hit[0] }}</p>
<p > {{ hit[1] }}</p>
<p > {{ hit[2] }}</p>

我也试过这段代码,但它没有打印任何内容。

<div ng-repeat="rhit in hits">
     <p > {{ rhit }}</p>
</div>

这是我的实际查询结果

  

“aggregations”:{“by_id”:{“doc_count_error_upper_bound”:0,   “sum_other_doc_count”:0,“buckets”:[{

     

{ “键”: “60”, “doc_count”:21,

     

“顶部”:{

     

“命中”:{

     

“总”:21, “MAX_SCORE”:2.2237754,

     

“命中”:[{ “_索引”: “automatch_testing”, “_类型”: “temp_135”, “_ ID”: “AVU7i0nnXK6g_oqHu-AZ”, “_分数”:2.2237754, “_源”:{ “t_pacs_id”: “34”, “T_ID”: “60”, “匹配”: “MO”}},

     

{ “_索引”: “automatch_testing”, “_类型”: “temp_143”, “_ ID”: “AVU7iOSeXK6g_oqHu-XY”, “_分数”:2.2237754, “_源”:{ “t_pacs_id”: “30”,” T_ID “:” 60" , “匹配”: “MO”, “t_match”: “匹配”}},

     

{ “_索引”: “automatch_testing”, “_类型”: “temp_135”, “_ ID”: “AVU7i0nlXK6g_oqHu-AY”, “_分数”:2.2237754, “_源”:{ “t_pacs_id”: “28”,” T_ID “:” 60" , “匹配”: “MO”, “UICriteria”: “135”, “t_match”: “匹配”}}]}}}

这里我想在点击中打印每个文档的字段“t_pacs_id”...

有什么方法可以运行上面的代码?请建议。

非常感谢。

这是plunker

2 个答案:

答案 0 :(得分:2)

如果您有兴趣获得hits集合i,那么您可以直接hits[i]而不是另一个ng-repeat

<div data-ng-repeat="i in range">
    <p> {{ hits[i] }}</p>
</div>

答案 1 :(得分:0)

你说单独打印这样的东西有效:

<p > {{ hit[0] }}</p>

在该代码中,您正在访问名为“hit”的数组,但在您的代码中不起作用,您使用ng-repeat来迭代名为“hits”的数组。你尝试时得到了什么:

<div ng-repeat="rhit in hit[i]">