ngx-hover-preload-v2

Based on ngx-hover-preload

---

This package exports:

1. PreloadingStrategy, which will preload a lazy-loaded route on mouse over a corresponding router link.
2. PreloadOnDemandService, which can be used to directly load a module that contains a given route path.

Example

Example code available here

Example running here

Usage

1. Install the package:

npm install --save ngx-hover-preload-v2

2. Import the HoverPreloadModule into your AppModule AND your lazy-loaded modules to ensure the link hover directive is available:

1// ...
2import { HoverPreloadModule } from 'ngx-hover-preload-v2';
3
4@NgModule({
5  declarations: [
6    // ...
7  ],
8  imports: [
9    // ...
10    HoverPreloadModule
11  ],
12  bootstrap: [AppComponent]
13})
14export class AppModule { }

3. Set your RouteModule preload strategy to HoverPreloadStrategy:

1// ...
2import { HoverPreloadStrategy } from 'ngx-hover-preload-v2';
3
4@NgModule({
5  // ...
6  imports: [RouterModule.forRoot(routes, { preloadingStrategy: HoverPreloadStrategy })],
7})
8export class AppModule {} // or AppRoutingModule

License

MIT