715 Stimmen

Wie kann man über die Schlüssel und Werte mit ng-repeat in AngularJS iterieren?

In meinem Controller habe ich Daten wie: $scope.object = data

Jetzt sind diese Daten das Wörterbuch mit Schlüsseln und Werten aus json.

Ich kann auf das Attribut mit object.name im Template zugreifen. Gibt es einen Weg, über die Schlüssel zu iterieren und sie auch in einer Tabelle anzuzeigen, wie

{{key}} data.key

Die Daten sehen so aus

{
    "id": 2,
    "project": "wewe2012",
    "date": "2013-02-26",
    "description": "ewew",
    "eet_no": "ewew",
}

1voto

Ajay Kumar Punkte 3978

Vollständiges Beispiel hier:-

AngularJS

            {{key}}  

                        {{key}}    

    var app = angular.module("dashboard",[]);
    app.controller("myController",function($scope){
        $scope.collValues = {
            'name':'string',
            'id':'string',
            'phone':'number',
            'depart':[
                    {
                        'depart':'string',
                        'name':'string' 
                    }
            ]   
        };

        $scope.hasChildren = function(bigL1) {
            return angular.isArray(bigL1);
} 
    });

1voto

Chirag Prajapati Punkte 471
    Verwenden Sie den unten stehenden Code, der funktioniert, um Ihren Schlüssel und Wert hier anzuzeigen, wobei der Schlüssel mit 1 beginnt:

                   {{key +1}}
                   {{value.title}}

Unten finden Sie den Dokumentationslink dazu. 

https://docs.angularjs.org/api/ng/directive/ngRepeat

0voto

Alireza Punkte 92209

Sie können es in Ihrem Javascript (Controller) oder in Ihrem HTML (Angular-Ansicht) tun...

js:

$scope.arr = [];
for (p in data) {
  $scope.arr.push(p); 
}

html:

    {{k}}

Ich glaube, der HTML-Weg ist mehr angular, aber Sie können es auch in Ihrem Controller tun und es in Ihrem HTML abrufen...

Es ist auch keine schlechte Idee, sich die Objektschlüssel anzusehen, sie geben Ihnen ein Array der Schlüssel, wenn Sie sie benötigen, weitere Informationen hier:

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X