在视图中简单呈现angularjs范围数据

Question

在angularjs控制器内部，我有一些虚拟数据

$scope.someData = {
        "A": "AAAA",
        "B": "BBBB",
        "C": "CCCC"
};

从我的角度来看（这受限于在控制器上方调用的路由）

<li class="animate-repeat" ng-repeat="data in someData">
    {{data.A}} | {{data.B}} | {{data.C}}    
</li>

我正在渲染视图

| | |

| | |

| | |

但是当我查看batarang chrome扩展名时，可以通过此插件看到此范围数据

Models for (4)
 { 
    data: AAAA
 } 
Models for (5)
 { 
    data: BBBB
 } 
Models for (6)
 { 
    data: CCCC
 } 

Answer 1

您遍历一个对象，而不是数组。 因此，在ng-repeat范围内，您具有“数据”，该数据将保存每次迭代的值（AAAA，BBBB，CCCC）。 您可能应该将虚拟数据更改为具有一个对象的数组。

function MyCtrl($scope) {
    $scope.someData = [{
        "A": "AAAA",
        "B": "BBBB",
        "C": "CCCC"
    }];
}

<div ng-controller="MyCtrl">
  <li class="animate-repeat" ng-repeat="data in someData">
    {{data.A}} | {{data.B}} | {{data.C}}    
  </li>
</div>

输出：

AAAA | BBBB | CCCC

Answer 2

可能这将导致所需的解决方案：

<li class="animate-repeat" ng-repeat="(key,value) in someData" >
{{key}} | {{value}}   
</li>