Merge pull request #4656 from abpframework/fix/expression-check-error

Fix the "Expression has changed after it was checked" in LoaderBarComponent
abpframework · Jul 7, 2020 · c3fc1b9 · c3fc1b9
2 parents 746aa22 + ac62b8c
commit c3fc1b9
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/loader-bar/loader-bar.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/loader-bar/loader-bar.component.ts
@@ -24,14 +24,22 @@ import { filter } from 'rxjs/operators';
   styleUrls: ['./loader-bar.component.scss'],
 })
 export class LoaderBarComponent implements OnDestroy, OnInit {
+  protected _isLoading: boolean;
+
   @Input()
-  containerClass = 'abp-loader-bar';
+  set isLoading(value: boolean) {
+    this._isLoading = value;
+    this.cdRef.detectChanges();
+  }
+  get isLoading(): boolean {
+    return this._isLoading;
+  }
 
   @Input()
-  color = '#77b6ff';
+  containerClass = 'abp-loader-bar';
 
   @Input()
-  isLoading = false;
+  color = '#77b6ff';
 
   progressLevel = 0;