ANGULARJS нг-повтор - переборе с объектами [ «»] ИмениСвойства

Question

как вы нг-повторить объект с именами свойств, таких как

$scope.myobjects = [ 
{ 
    'property1': { 
     id: 0, 
     name: 'somebody' 
    } 
}, 
{ 
    'property2': { 
     id: 1, 
     name: 'someguy' 
    } 
}]; 

Answer 1

Как ключи от объекта не то же самое, вы не можете просто итерации. Может быть, вы можете сделать это следующим образом:

DEMO

<div ng-repeat="object in myobjects">{{getValue(object,'id') }} 
    {{getValue(object,'name')}} 
</div> 

В контроллере:

$scope.getValue = function(value,field) { 
    var key = Object.keys(value).filter(function(val) 
    { 
     return val != "$$hashKey" 
    })[0]; 
    return value[key][field]; 
    } 

Answer 2

Вы должны добавить вложенные нг-повторение тоже, как показано ниже, если вы хотите для присвоения наименований объектов (второй - зацикливание в объектах):

<div ng-repeat="(index, object) in myobjects"> 
    <div ng-repeat="(key, value) in object"> 
    <strong>key: </strong> {{ key }}, <strong>value: </strong>{{ value }} 
    <strong>value.id: </strong> {{ value.id }}, <strong>value.name: </strong>{{ value.name }} 
    </div> 
</div> 

Это печатает:

ключ: property1, значение: { "ID": 0, "имя": "кто-то"} value.id: 0, value.name: кто

ключ: свойство2, значение: { "идентификатор": 1, "название": "someguy"} value.id: 1, value.name: someguy

Демо: http://embed.plnkr.co/SIMjaXMZPzbHLOCYRU8T/preview

Answer 3

нг-повтор с OBJ проп

<div ng-app="demo" ng-controller="abc"> 
    <div ng-repeat="(key, value) in myobjects"> 
     <div ng-repeat="objProp in value">{{objProp.name}}</div> 
    </div> 
</div> 

var app = angular.module('demo', []); 
app.controller('abc', function ($scope) { 
    $scope.myobjects = [{ 
     'property1': { 
      id: 0, 
      name: 'somebody' 
     } 
    }, { 
     'property2': { 
      id: 1, 
      name: 'someguy' 
     } 
    }]; 
}) 

здесь работаетjsfiddle