Questions tagged loading

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

Downloaded two main-es2015 file on page load

On refreshing an angular application. In the network tab on filter able to see main-es2015 being shown as downloaded(Duplicate scriptenter image description here) Source: Angular Questions

Angular dynamic component loader ng0100

Angular 12: I’m trying to insert a variable array of components. with a similar code to the one on the guid: html <ng-container *ngFor="let buttons of buttonArray"> <ng-template appHeaderComponent></ng-template> </ng-container> ts @Input(‘buttons’) buttonArray: Array<HeaderSubComponentHolder>; @ViewChildren(HeaderComponentDirective) headerComponents: QueryList<any>; ngAfterViewInit(): void { this.loadButtons(); } loadButtons() { for (let i = 0; i < this.headerComponents.length; i++) { const […]

By Alejandro Armenteros
Published
Categorized as angular, components, dynamic, loading Tagged , , ,

i am making a wallpaper app in ionic but unable to lazy load my page

i want to lazy load my page like i want to load image when the user scrolls down to that image area basically its a wallpaper app and the display is similar to tik-tok display this is my upload-page.html <ion-header > <ion-toolbar > <ion-title style="text-align: center;color: blue;">Heading</ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-card *ngFor="let image of allImages" […]

Why LoadingController throws ‘Overlay does not exist ‘ when trying to dismiss it during an API call

I have a created a service for an custom loading controller with the following methods: async showLoader(){ //Show cutom loader this.loadingController.create({ message: ‘Loading…’, cssClass: ‘loader-css-class’ }).then((res) => { return res.present(); }); } async dismissLoader(){ //Hide cutome loder this.loadingController.dismiss().then((response) =>{ console.log("Loader closed: ", response); }).catch((err) => { console.log(‘Errro occured closing loader: ‘ + err); }); } […]

how to create loading component in Angular 11

I need to create a loading component in Angular11, When laoding, loading component should work otherwise other components should work. I don’t have a proper idea to do this? Can anyone help me? Source: Angular Questions

By hanushi
Published
Categorized as angular, loading Tagged ,

Page loading Angular

I’m doing a personal project in angular, and I wanted to make a page that whenever I open the site, this screen appears for a couple of seconds and then redirects to the home component. Or a way to create a page to appear for a couple of seconds while the site loads in the […]

By Rod Roger
Published
Categorized as angular, loading, typescript Tagged , ,

Style não é alterado de acordo com os eventos do subscribe (Angular)

sou novo no angular e estou com o seguinte problema: Estou criando um botão de submit que quando é clicado ele precisa virar uma barra de progresso. fiz o html da seguinte forma: <button class="btn-state" (click)="sendRegister()"> <span>palavra qualquer</span> <div class="progress" [ngClass]="{‘loading’: !loaded, ‘success’: loaded}"></div> </button> O arquivo .ts é chamado um service onde é feito […]

IONIC 5 – Progress Bar inside Loading

I have created a loading class to make the website spinner. I want to insert a progressbar inside the loading but I don’t know how to do it. Can please someone help me? I have this loading present function: async present() { if (!LoadingService.isLoading) { LoadingService.isLoading = true; return await this.loadingController.create({ duration: 100000, }).then(a => […]

Angular 10: how to load feature modules in background while PWA is already running

I’ve divided my PWA in modules and applied lazy-loading according to Angular docs. My code was: import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’; import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’; import { RouterModule } from ‘@angular/router’; import { AppComponent } from ‘./app.component’; import { StartComponent } from ‘./start/start.component’; import {MatSnackBarModule} from […]

Display loading icon while images loads in angular

l have array of satellite images animation with buttons controls using angular . l would like to show a background image loading or spinner while the images fully loaded for each image , then hide loading icon . So there is any way to do that please ? live code here Source: Angular Questions

By 1000
Published
Categorized as angular, javascript, loading Tagged , ,
1 2

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