Add custom text 'Loading..' untill data fetch from API

Question

Is there any way show 'Loading' text until data fetch from api. As of now it is showing no data to display

I gone through the documentation did not found anything

check this link stackoverflow.com/questions/43638503/…

Stanley Mohlala
– Stanley Mohlala

2023-01-09 10:57:08 +00:00
Commented Jan 9, 2023 at 10:57 — Stanley Mohlala
– Stanley Mohlala, Commented Jan 9, 2023 at 10:57

Evgeny Gurevich · Accepted Answer · 2023-01-07 18:14:49Z

1

You can try something like below:

In .ts file:

isLoading = false;

doRequest() {
  isLoading = true;
  this.servis.doRequest()
    .pipe(finalize(() -> this.isLoading = false))
    .subscribe(data => {
     // do smth
     })
}

in .html

<div *ngIf="!isLoading; else loading">Your content</div>
<ng-template #loading>Loading...</ng-template>

answered Jan 7, 2023 at 18:14

Evgeny Gurevich

6574 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add custom text 'Loading..' untill data fetch from API

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related