haoliangwu / ngx-loading-mask Goto Github PK

ERROR in Error during template compile of 'AppModule'
Function calls are not supported in decorators but 'LoadingMaskModule' was called.

This error is happening everytime I build AOT, but only after upgrading to the latest version that fixes the [ExpressionChangedAfterItHasBeenCheckedError error]

I try to using LOADING_MASK_HEADER and fire multiple request simultaneously, sometimes when the request was end loading mask is still not hide.

for #8

the method hideGroupError is throw new error >> result "[object Object]" is not error

How to shut down multiple instances of the same loader?

<div class="card" [ngxLoadingMask]="'loaderGroup'">
        <div class="card-content">
          ...
        </div>
  </div>
  <div class="card" [ngxLoadingMask]="'loaderGroup'">
        <div class="card-content">
          ...
        </div>
  </div>

Good day,

Will you be updating to support Angular 6+.

no extension
Field 'browser' doesn't contain a valid alias configuration
I am getting this error when building angular 5 application.
"dependencies": {
"@angular/animations": "^5.2.4",
"@angular/cdk": "^5.2.0",
"@angular/common": "^5.2.4",
"@angular/compiler": "^5.2.4",
"@angular/core": "^5.2.4",
"@angular/forms": "^5.2.4",
"@angular/http": "^5.2.4",
"@angular/material": "5.2.0",
"@angular/platform-browser": "^5.2.4",
"@angular/platform-browser-dynamic": "^5.2.4",
"@angular/router": "^5.2.4",
"angular-bootstrap-md": "^5.1.2",
"core-js": "^2.5.3",
"font-awesome": "^4.7.0",
"hammerjs": "^2.0.8",
"ng-snotify": "^4.2.0",
"ngx-loading-mask": "^0.4.0",
"primeng": "^5.0.2",
"rxjs": "^5.5.6",
"zone.js": "^0.8.20"
},

Steps:

1. Show loaders '1' and '2'
2. Get peoples data and hide loader '1'
3. Get pets data and hide loader '2'

this.loadingMaskService.showGroup('loaderGroup1');
this.loadingMaskService.showGroup('loaderGroup2');

this.http.get('/api/people').subscribe(p => {
	this.loadingMaskService.hideGroup('loaderGroup1');
	
	this.http.get('/api/pet').subscribe(a => {
		this.loadingMaskService.hideGroup('loaderGroup2');
	});
});

<div class="card" [ngxLoadingMask]="'loaderGroup1'">
	PEOPLE CONTENT
</div>
<div class="card" [ngxLoadingMask]="'loaderGroup2'">
	ANIMAL CONTENT
</div>

Only the first loader '1' works, the second '2' is not displayed.

the error related info

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngClass: undefined'. Current value: 'ngClass: loading-mask-base,ngx-loading-mask,'. It seems like the view has been created after its parent and its children have been dirty checked. Has it been created in a change detection hook ?
    at viewDebugError (core.js:9770)
    at expressionChangedAfterItHasBeenCheckedError (core.js:9748)
    at checkBindingNoChanges (core.js:9915)
    at checkNoChangesNodeInline (core.js:13963)
    at checkNoChangesNode (core.js:13937)
    at debugCheckNoChangesNode (core.js:14766)
    at debugCheckDirectivesFn (core.js:14668)
    at Object.eval [as updateDirectives] (LoadingSnipComponent.html:1)
    at Object.debugUpdateDirectives [as updateDirectives] (core.js:14650)
    at checkNoChangesView (core.js:13775)

although this error didn't affect functionality, it really noisy when you turn on the dev mode.