Vyhledávání na webu

typescript - Zachovat stav tabulky Angular Material po přesměrování komponenty


Mám TableComponent s tabulkou Angular Material, která obsahuje několik odkazů na jiné komponenty.

Když jsem na druhé stránce tabulky (obr. výše) a kliknu na odkaz, routerLink přesměruje na DetailComponent. Jakmile jsem přesměrován, pokud stisknu tlačítko zpět nebo provedu location.back(), vrátím se na TableComponent, ale tabulka se nachází na první stránce, místo na té, na které jsem byl předtím.

Existuje způsob, jak uchovat předchozí stav tabulky po přesměrování mezi komponentami?

Děkuji předem!

Odpověď č. 1

Když přesměrováváte mezi komponentami, jejich obsah je zničen, takže není způsob, jak by zničená komponenta mohla na cokoli pamatovat ;) Ale informace o indexu stránky můžete uložit jinde v aplikaci (do služby nebo úložiště, pokud používáte Redux).

Takže můžete uložit index stránky před přesměrováním, tj. použít službu, nebo ještě lépe jen aktualizovat službu po každé změně stránky.

Pak můžete získat index a použít vlastnost pageIndex z MatPaginator, jak je popsáno v dokumentaci: https://material.angular.io/components/paginator/api, abyste nastavili správný index stránky po návratu na tuto stránku. Dejte mi vědět, pokud s tím budete potřebovat další pomoc.

Související články