Angular - (lazy-loading) dynamicznie doładowywane moduły
Stronę tą wyświetlono już: 3071 razy
W Angularze możliwe jest tworzenie modułów dynamicznie doładowywanych. Takie rozwiązanie jest dobre, gdy np. dany użytkownik ma dostęp tylko do jednego modułu (z podmodułami włącznie) zaś do innych nigdy nie będzie mógł zajrzeć. Wtedy to pobieranie modułów, które i tak nie będą wykorzystywane mija się z celem. W Angulrze 9 można wykorzystać jedynie najnowszy sposób dynamicznego doładowania modułów, którego przykład wygląda następująco:
Starszy sposób już nie obsługiwany przez Angulara 9:
Jeżeli migrujesz z starszej wersji Angulara, to do wykorzystania nowego sposobu dynamicznego ładowania musisz być pewny, że konfiguracja pliku tsconfig.json pola module jest ustawiona na wartość esnext:
Jest to spowodowane tym, że do działania nowszego sposobu dynamicznego doładowywania modułu potrzebna jest obsługa nowszego standardu ES. Po zmianie tego pola konieczne będzie przeinstalowanie projektu:
npm i
W przypadku dynamicznego doładowywania nie należy importować takich modułów w innych modułach. Import odbywa się bowiem w pliku routingu. Sam dynamicznie doładowywany moduł może wyglądać np. tak:
Tytuł:
Angular. Profesjonalne techniki programowania. Wydanie IV
Autor:
Adam Freeman
Tytuł:
Angular. Programowanie z użyciem języka TypeScript. Wydanie II
Autor:
Yakov Fain, Anton Moiseev
Tytuł:
ASP.NET Core, Angular i Bootstrap. Kompletny przybornik front-end developera
Autor:
Simone Chiaretta
Tytuł:
Angular instalacja i działanie. Nauka krok po kroku
Autor:
Shyam Seshadri
Tytuł:
Angular w akcji
Autor:
Jeremy Wilken
Tytuł:
ASP.NET Core 2 i Angular 5. Przewodnik dla Full-Stack Web Developera
Autor:
Valerio De Sanctis
Tytuł:
Angular. Profesjonalne techniki programowania. Wydanie II
Autor:
Adam Freeman
Tytuł:
Angular 2. Programowanie z użyciem języka TypeScript
Autor:
Yakov Fain, Anton Moiseev
Tytuł:
Angular 2. Tworzenie interaktywnych aplikacji internetowych
Autor:
Gion Kunz