Ich habe folgende Daten als JSON:
%Vor%und ich möchte es als HTML-Tabelle mit angularjs und ng-repeat anzeigen. so dass ich die folgende Tabelle bekomme:
%Vor%für die Tabellenvorschau: Ссылка
mein Problem, dass die HTML-Tabelle reihenbasiert arbeitet. Ich kann mit ng-Wiederholung durch meine Runden und dann durch meine Übungen iterieren aber zum Erstellen einer Tabelle brauche ich immer die erste von jeder Übung, dann die zweite von jeder Übung und so weiter.
Kann mir jemand bei diesem Problem helfen?
ps. Wenn Sie eine Idee für ein besseres Layout für diese Daten in JSON haben, sind Ihre Vorschläge willkommen, ich bin neu bei JSON (und AngularJs).
Die Lösung, nach der Sie suchen, finden Sie in Angulars offiziellem Tutorial. In diesem Tutorial werden Telefone aus einer JSON-Datei mit dem Angulars $ http-Dienst geladen. Im folgenden Code verwenden wir $ http.get , um eine phones.json-Datei zu laden, die im Telefonverzeichnis gespeichert ist:
%Vor%Wir durchlaufen dann die Telefone:
%Vor% Sie können die Methode $http.get() verwenden, um Ihre JSON -Datei abzurufen. Weisen Sie dann Antwortdaten einem $scope -Objekt zu. In HTML zum Erstellen der Tabelle verwenden ng-repeat für $ scope-Objekt. ng-repeat wird die Zeilen innerhalb dieser Schleife loopen Sie können Daten dynamisch an Spalten binden.
Ich habe Ihren Code überprüft und Sie haben eine statische Tabelle erstellt
%Vor%Sie können also besser zu meinem Code gehen, um eine dynamische Tabelle nach den Daten zu erstellen, die Sie in der Spalte und in der Zeile erhöhen oder verringern.
Tags und Links javascript html angularjs json