Ng-Wiederholung durch verschiedene Objekte

Ich versuche es mit zwei verschiedenen Objekten zu wiederholen. In diesem Fall möchte ich "Name: Leanne Graham, Name: Asier" zurückgeben. Die JSON-Datei hat dies.Ng-Wiederholung durch verschiedene Objekte

users: { 
     0: { 
      email: "[email protected]", 
      id: 1, 
      name: "Leanne Graham", 
      phone: "1-770-736-8031 x56442", 
      username: "Bret", 
      website: "hildegard.org" 
     }, 
     1: { 
      name: "Asier" 
     } 
    };

Das Element der zwei Objekte hat, ist $ scope.user und ich versuche, dieses

<div ng-repeat="(key, value) in user">{{name}}</div>

Es passiert nichts, und keine Fehler in console.log.

Quelle

2016-11-02 El Hombre Sin Nombre

, die nicht gültig JSON ist. Angular interpretiert es wahrscheinlich als Klartext und analysiert es nicht. – Phil

Zusätzlich zu dem, was @Phil sagte, sollten Sie wahrscheinlich den Syntaxfehler in Ihrem HTML-Snippet beheben (** Hinweis **: schauen Sie sich an, wie Sie 'name' umgeben haben). –

Ich repariere es json, das alte Beispiel ist ein Platzhalter der Datei. Ich füge die richtige Datei in meine Frage ein und behebe Copy-Paste-Fehler. Aber der "Fehler" geht weiter. –

Sofern Ihre Daten tatsächlich in einem gültigen Format ist, über die Sammlung zu wiederholen scheint einfach ...

// note: this is just an example to put your data in scope 
 
angular.module('so', []).run(function($rootScope) { 
 
    $rootScope.user = { 
 
    0: { 
 
     email: "[email protected]", 
 
     id: 1, 
 
     name: "Leanne Graham", 
 
     phone: "1-770-736-8031 x56442", 
 
     username: "Bret", 
 
     website: "hildegard.org" 
 
    }, 
 
    1: { 
 
     name: "Asier" 
 
    } 
 
    }; 
 
});

<div ng-app="so"> 
 
    <div ng-repeat="usr in user">{{usr.name}}</div> 
 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

Quelle

2016-11-02 23:56:14 Phil

Dumm Fehler. Abgesehen von JSON-Fehler (ich benutze Firebase, so dass JSON korrekt ist, ist das inkorrekte Kopieren-Einfügen), hat ng-repeat dieselben zwei Werte "ng-repeat =" Benutzer in Benutzer "". Kann nicht die gleichen Werte in ng-repeat haben, wenn man einen ändert, funktioniert das gut. Danke, Phil. –

@ElHombreSinNombre deshalb meine Antwort hat "usr in user" – Phil

Ng-Wiederholung durch verschiedene Objekte

Antwort

Verwandte Themen