Sortierbare Tabellenspalten mit AngularJs

8

Ich versuche, eine Tabelle mit Daten zu sortieren, die aus einer JSON-Quelle stammen. Der Code, den ich habe, ist wie folgt:

HTML:

%Vor%

JS:

%Vor%

Geige: Ссылка

Wie Sie sehen können, habe ich versucht, den Tabellenköpfen eine Klickfunktion hinzuzufügen, um eine Funktion aufzurufen, die die Daten sortiert, aber nicht funktioniert.

Ich habe ein Beispiel für diese Art von Dingen gesehen, die funktionieren, hier: Ссылка , aber wenn ich versuche, die gleiche Sache auf mein Szenario anzuwenden, es bricht sehr schnell; Ich habe beispielsweise versucht, die Tabellenüberschriften in JSON programmatisch hinzuzufügen, indem ich folgendes hinzufüge:

%Vor%

Dies verhindert nur, dass etwas funktioniert, aber ich dachte, es wäre möglich, mehrere Datensätze zu einer Angular-Variablen hinzuzufügen?

Ich bin Angular total neu, also bin ich wirklich dabei. Irgendwelche Hinweise würden sehr geschätzt, danke.

    
Dan 13.09.2013, 15:26
quelle

4 Antworten

24

Aktualisiert jsfiddle: Ссылка

sza ist richtig, Sie haben das $ scope.sort Objekt vergessen, aber Sie haben auch den orderBy Filter in Ihrem ng-repeat

vergessen %Vor%

Außerdem müssen Sie den Spaltennamen explizit an die Funktion changeSorting () übergeben, wie z. B.

%Vor%

nicht sicher, ob es eine andere Möglichkeit gibt, damit umzugehen.

Schließlich ist ng-click die korrekte Syntax für die Version von AngularJS, die Sie verwenden.

    
kmdsax 13.09.2013, 15:53
quelle
7

Ein weiteres sehr gutes Beispiel für die Sortierung von Tabellen

Ссылка

%Vor%     
Srisudhir T 19.11.2013 08:54
quelle
5

Hier ist meine Lösung. Ich verpacke das Ganze auch in eine Direktive. Die einzige Abhängigkeit ist UI.Bootstrap.pagination, die bei der Paginierung eine gute Arbeit geleistet hat.

Hier ist der Plocker

Hier ist der Quellcode von github.

    
maxisam 17.03.2014 17:44
quelle
0

Oder Sie können #ngTasty als einfache Tabellenanweisung verwenden. GitHub: Ссылка Dokumentation: Ссылка

    
zizzamia 08.10.2014 16:14
quelle