触发搜索时,AngularJS ng-repeat重复错误

时间:2015-07-21 18:24:41

标签: angularjs angularjs-ng-repeat

我有一个使用ng-repeat的商家信息,搜索了两个可用参数(月份和州)。

如果我进行搜索,我会发现重复的ng-repeat错误。

无法理解为什么如果在两种情况下JSON数据具有相同的结构(只是值会改变)。

我有这些ng-repeats:item in data并嵌套在里面:uniqueitem in item

我尝试使用track by $index但是它会为每个字符循环,而对于item.index或item.label1则会循环,但会再次触发找到的重复错误。

这是我使用ng-repeat的循环。

<tbody ng-repeat="item in data"> 
    <tr ng-repeat="uniqueitem in item">
        <td>
           {{uniqueitem.label1 | number}} 
        </td>
        <td>
           {{uniqueitem.label2 | number}} 
        </td>

我的JSON有这样的结构:

[
  {
    "index": 0,
    "label1": "Initials",
    "label2": "2",
    "label3": "18",
    "label4": "12",
    "label5": 150,
    "label6": "30",
    "label7": 60,
    "label5A": "v",
    "label7A": "r"
  },
  {
    "index": 1,
    "label1": "Others",
    "label2": 5485,
    "label3": 27289,
    "label4": 37776,
    "label5": 72.23,
    "label6": 91949,
    "label7": 29.67,
    "label5A": "r",
    "label7A": "r"
  },
  ....
  ]

1 个答案:

答案 0 :(得分:0)

干得好!

  1. 内部 $http.post(ApiEndpoint.url,$scope.formData).success(function(data) {

  2. 而不是这一行: $scope.data = JSON.stringify(data);

  3. 我添加以下几行:

    var acp = {}; acp.resultdata = [ data ]; $scope.data = acp.resultdata;

  4. 我将在Plunkr中复制,不能说为什么JSON.stringify会导致这种行为。