Angularjs Dataset href spezieller Datensatz

Nightythehawk · 10. September 2018

Hallo Community,

derzeit versuche ich bei meinem bestehenden Code eine Verlinkung auf einen speziellen Datensatz einzurichten und weiß aber nicht genau wie ich das anstellen soll.

Der aktuelle Code funktioniert soweit das er alle Datensätze aus einer externen Datei reinläd und diese nacheinander anzeigt.

Nun will ich aber auf einer vorherigen Seite eine Tabelle mit Filter erstellen die direkt auf einen bestimmten Datensatz verlinkt wird (Beispiel Datensatz mit der Index-Nr. 1).

Hätte jemand einen Tipp für mich?

http://jsfiddle.net/h75kjy8b/9/

Sempervivum · 10. September 2018

Habe zwar keine Ahnung von Angular, aber ich schlage vor, den Index als Hash zu übergeben und im Javascript auszuwerten. Dies funktioniert bei mir:

Code

angular.module("myApp", []).
            controller("MyCtrl", function ($scope) {
                $scope.dataSet = [

                    {
                        index: 0,
                        buildname: "daiopoiust",
                        ship: "jjjj",
                        tier: "oij",
                        secg: "hoi",
                        difficult: "joijoi",
                        m1: "m1",
                        m2: "m2",
                        m3: "m3",
                        m4: "m4",
                        ob1: "ob1",
                        ob2: "ob2",
                        ob3: "ob3",
                        ob4: "ob4",
                        description: "jjjjjjjjjj"
                    },

                    {
                        index: 1,
                        buildname: "da oij",
                        ship: "hh",
                        tier: "ooo",
                        secg: "sec",
                        difficult: "ho",
                        m1: "m1",
                        m2: "m2",
                        m3: "joijn",
                        m4: "m4",
                        ob1: "dre",
                        ob2: "ob2",
                        ob3: "ob3",
                        ob4: "ob4",
                        description: "jjjjjj"

                    }
                ],
                    $scope.current = $scope.dataSet[0],
                    $scope.next = function () {
                        var i = $scope.getIndex($scope.current.index, 1);
                        $scope.current = $scope.dataSet[i];
                    },
                    $scope.previous = function () {
                        var i = $scope.getIndex($scope.current.index, -1);
                        $scope.current = $scope.dataSet[i];
                    },
                    $scope.getIndex = function (currentIndex, shift) {
                        var len = $scope.dataSet.length;
                        return (((currentIndex + shift) + len) % len)
                    };
                var idx = location.hash.replace("#", "");
                if (idx) $scope.current = $scope.dataSet[idx];
            });

Alles anzeigen

Beim Aufruf der Seite dann ein #0 oder #1 usw. an die URL anhängen.

Nightythehawk · 10. September 2018

Hallo Sempervivum,

danke für deinen Code.

Habe den Abschnitt in meinem Script eingefügt, aber leider funktioniert es nicht wenn ich die Seite mit *Domain*/?page_id=212#1 aufrufe.

Benötige ich noch irgendeine Libary?

Sempervivum · 10. September 2018

Nein, die zwei Zeilen brauchen keine Library. Ich hatte es getestet und bei mir funktioniert es, auch wenn ich die page_id hinzu füge. Hast Du es online, damit man es sich in Aktion ansehen kann?

Nightythehawk · 10. September 2018

online ja, aber die Seite ist im Wartungsmodus.

Den Code lade ich aus einer seperaten JS Datei in die Seite, kann es möglicherweise daran liegen?

</body>

load type: no wrap bottom of body

Sempervivum · 10. September 2018

Kann mir nicht vorstellen, dass es daran liegt. Selber hatte ich das Problem, dass mein Browser nicht neu lädt, wenn ich den Hash in der Adresszeile ändere und Enter drücke. Musste den Reload-Button betätigen.

Nightythehawk · 10. September 2018

Ah okay, ja ne es geht!

Hatte nur enter gedrückt und da ist aber nichts passiert, nach F5 wurde der richtige Datensatz angezeigt.

Lässt sich auch ohne Probleme darauf verlinken! Daher danke für deine Hilfe.

Sempervivum · 10. September 2018

Gern geschehen, freut mich, dass es funktioniert!

Angularjs Dataset href spezieller Datensatz

Jetzt mitmachen!

Teilen

Tags