简单渲染angularjs范围数据在angularjs控制器内部的视图

我有一些伪数据简单渲染angularjs范围数据在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>

I” m得到渲染视图

| | |

，但是当我看到有batarang Chrome扩展，我能够看到这个范围的数据低谷这个插件

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

来源

2014-11-20 user1765862

您遍历一个对象，而不是一个数组。因此，在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

来源

2014-11-20 21:08:05 JimL

也许这会导致所希望的解决方案：

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

来源

2014-11-20 21:09:59

简单渲染angularjs范围数据在angularjs控制器内部的视图

回答

相关问题