Verwendung von zwei ng-repeats innerhalb eines bestimmten Tags
Ich habe einen JSON und in diesem JSON gibt es ein Array, das ich in <td> durchlaufen möchte.
Meine Funktionalität ist, dass ich eine Tabelle basierend auf Benutzereingaben erstellen muss. Der Benutzer stellt eine Eingabe für die Anzahl der Zeilen, Eingabespalten und Ausgabespalten bereit. Ich habe also drei Arrays, nämlich $ rootScope.input_columns, $ rootScope.output_columns und $ rootScope.rows, die vom Benutzer zur Verfügung gestellte Daten enthalten, um die Tabelle zu erstellen. Jetzt gibt es in input_columns ein Array, das einige Informationen enthält, die ich in einer Zeilenzelle anzeigen muss. Aber mit meinem aktuellen Code gibt es mir eine leere Zeile.
Controller:
%Vor%Hinzufügen der Struktur von input_columns
Dies ist mein HTML-Code:
%Vor% Ich möchte eine Struktur wie diese bekommen
Aber ich bekomme leere Zeilen
Bitte kann mir jemand bei dieser Aufgabe helfen. Gibt es ein Problem, dass ich Input_columns nicht iteriert habe, damit ich keine input_columns.rowCellValue Werte erhalte. Wie kann ich die Werte von input_columns.rowCellValue in Tabellenspalten abrufen? Gibt es trotzdem, dass ich zwei ng wiederholen kann, mit erstem ng-Repeat-i input_column Wert [col in input_column] erhalten und mit dem zweiten ng-repeat i rowCellValue [Zelle in col.rowCellValue] erhalten kann.
Ich habe eine Lösung ausprobiert und eine Möglichkeit gefunden, auf rowCellValue zuzugreifen:
Dies ist der modifizierte HTML-Code
%Vor% das ist die eigentliche Tabelle, die ich für input_column haben möchte:
Aber ich bekomme das:
Kann ich col.rowCellValueOutput [$ index] mit der Zeilenlänge anstelle von $ index iterieren? und für jede Spalte. Wenn ja, schlagen Sie bitte einen Ansatz dafür vor.
2 Antworten
Ich habe eine Lösung für mein Problem gefunden:
%Vor%In der Controller-Struktur von json war wie:
%Vor%Ich habe $ parent. $ index für die Iteration mit Zeilenindex verwendet.
Haben Sie versucht, dies in ein JSON-Objekt zu setzen und den JSON durchzulaufen? Es sieht so aus, als würden Sie versuchen, jedes Mal, wenn eine neue Zeile erstellt wird, versuchen inputCol und outputCol , alles für jede Zeile auszugeben.
Jedes Mal, wenn Sie rows durchlaufen, werden alle Daten von inputs und outputs erneut ausgegeben, was jede Zeile gleich macht.
Wenn Sie ein JSON-Objekt erstellt und etwas wie
gemacht haben %Vor%Ihr JSON würde aussehen wie
%Vor%Tags und Links javascript angularjs json