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范围内你有＆＃34;数据＆＃34;然后保存每次迭代的值（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>

在视图中简单渲染angularjs范围数据

2 个答案: