#@ng-mg/loading-if
Structural directive used similar as *ngIf but automatically will add an Spinner component to the DOM while loading. Once the loading is done, the DOM will be replaced with the actual container where the directive is placed
Examples usage
<div *ngMgLoadingIf="data"> ... </div>
<div *ngMgLoadingIf="data$ | async"> ... </div>
<div *ngMgLoadingIf="data$ | async; let myData"> ... </div>
Additional configurations
You can use some extra parameters inline the structural directive:
| Parameter | Type | Value |
|---|---|---|
| containerClass | string / string[] | CSS Classes to be attached to the Spinner Component container |
| error | boolean | It could stop loading and show the Error Component |
| errorMessage | string | The message shown on the Error Component |
Next steps
Let the developer inject their own Spinner Component and Error Component