Angularjs ng-repeat dynamische Eigenschaft

Question

<div (ng-repeat='item in items') > 
    {{item.name}} //works 
    {{item["name"]}} // works 
</div> 

Wie wiederhole ich item [property] dynamisch ohne Verwendung von ".name" oder ['name']?

Answer 1

Um Eigenschaften dynamisch durchlaufen zu können, müssen Sie Object.keys(item) aufrufen und dann durch sie durchlaufen. Es ist am besten, Ihre Daten innerhalb Ihres Controllers zu löschen, um das Finnen zu minimieren, das Sie in Ihrem HTML durchführen müssen.

Wenn Sie versuchen wollen diese Strukturen in Ihren HTML-Angular zu tun, Sie definieren könnten:

$scope.returnAllKeyValues = function(obj){ 
    var x = Object.keys(obj), 
     arr = []; 

    for(var i = 0; i<x.length; i++){ 
     arr.push(obj[x[i]]); 
    } 

    return arr; 
} 

Was diese Funktion tut, ist es in Ihrem JSON-Objekt nimmt, analysiert dann durch und sammelt alle die Werte für jeden Schlüssel darin.

Dann in Ihrem HTML, können Sie so etwas schreiben:

<h3>FIFA Mactch Summary:</h3> 
<div ng-app ng-controller="MyCtrl"> 
    <ul> 
     <li ng-repeat="item in items"> 
      <span ng-init="keyValues = returnAllKeyValues(item)"> 
       <span ng-repeat="keyValue in keyValues">{{key}} </span> 
      </span> 
     </li> 
    </ul> 
</div> 

Hier sehen Sie, in Ihrer ursprünglichen ngRepeat wir die Array KeyValues ​​mit allen Werten von Posten der Tasten über die Funktion initialisiert oben definiert . Dann, ng-Wiederholung durch, und Sie haben alles gedruckt, ohne zu wissen, was sie sind. Hier

ist ein Fiddle mit daran zu arbeiten: http://jsfiddle.net/RkykR/2771/

Answer 2

Das war, was ich suchte .... Danke

https://www.codementor.io/debugging/4948713248/request-want-to-use-values-in-nested-ng-repeat