Questions tagged angular-lazyloading

Explore the latest questions and answers asked by our top developers.

How to lazy load a component in Angular which are completely dependent on FormsModule?

Note – I already have 6 components in my HomeComponent of which some of them are based on external libraries and they are working perfectly. I am only facing problem when it comes to lazy load a component heavily based on FormsModule. I want to lazy load my ContactUsComponent without importing ContactUsModule anywhere. My contact-us.module.ts […]

My app’s RouterModule isn’t lazy loading posts

I am learning Angular and as a practice project, I am developing a front-end interface (with angular 13) for a WordPress API served from a Docker container. The angular app has to display the list of all posts obtained from the API and by making use of routing, once clicked on a post, in /post/:id:/:slug/ […]

How to lazy load Angular Components of the home page?

I have my code as given below in app.component.html i.e. as soon as the user lands on the home screen; I want to lazy load the app-image-gallery & app-users-list and want to load them with some Shimmer effect or Loader as soon as the user reaches the viewport of that particular component. Almost every grown […]

Facing Bind issue in my Angular application after chrome Update

Trying to figure what is the issue. After chrome update we are facing this bind issue in bootstrap. In our application we have implemented lazy load which works fine for other applications but facing this issue in one of our angular project. Facing the same issue when i change main-es5.js to main-es2015.js Source: Angular Questions

By Sai Deepak
Published
Categorized as angular, angular-lazyloading Tagged ,

How to lazy load Angular Components on the fly?

Suppose I have my code as given below in app.component.html i.e. as soon as the user lands on the landing screen. I want to lazy load the app-image-gallery & app-users-list and I want to load them with some Shimmer effect or Loader as soon as the user reaches the viewport of that particular component. Almost […]

Can search engines read the content of our component if we lazy load its module with ngx-loadable in Angular?

Can search engines read the content of our component if we lazy load its module with ng x-loadable in Angular? Source: Angular Questions

Angular 11: Lazy Load module in named router outlet

I need to lazy load Register module from an angular library to my angular application. Here, below you can see that I am trying to use "reg_outlet" for lazy loaded register module. But, in doing so, I am getting error: Error: Cannot match any routes. URL Segment: register.component.html <router-outlet> </router-outlet> Register-routing.module.ts const routes: Routes = […]

I want to lazy load my third party libraries?

I am trying to lazy load the third-party libraries but I couldn’t find any solution if anyone have any idea please share. Source: Angular Questions

By Balaji D
Published
Categorized as angular, angular-lazyloading Tagged ,

Trying to lazy load custom themes dynamically based on angular material

I’m writing an angular 12 website with angular material. This project supports several domains and on different domains it supposed to show different theme. so what I’m trying to resolve here is to be able to load themes dynamically with lazy loading. my custom theme works.. basic angular material functionality doesn’t, and I do get […]

runtime compiler is not loaded angular 8 when lazy loading modules are accessed over browser

I have an angular application where i use lazy loading for one of its module named ‘security’, i mentioned in routes array of app.routing.module.ts const routes: Routes = [ {path:’path1′,component:Path1Component}, {path:’smotherRoute’,component:SmOtherRouteComponent}, { path: ‘security’, loadChildren: () => import(‘./components/security/security.module’).then(m => m.SecurityModule) }, ] The folder structure is src/app/components/security src/app/components/smotherRoute src/app/components/… the security module has routing.modules.ts and […]

1 5

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq