javascript - 在 View 中简单渲染 angularjs 范围数据

Question

在 angularjs Controller 内部我有一些虚拟数据

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

从我的 Angular 来看(绑定(bind)到调用上面 Controller 的路由)

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

我正在获取渲染 View

| | |

| | |

| | |

但是当我使用 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