простой рендеринг 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> 

Я m получение визуализированного вида

| | |

| | |

| | |

, но когда я смотрю с расширением Batarang хром Я мог видеть это данные областей корыта этот плагин

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>