diff --git a/README.md b/README.md index b61171b..caab0ec 100644 --- a/README.md +++ b/README.md @@ -92,6 +92,7 @@ import {SlimLoadingBarService} from 'ng2-slim-loading-bar';
Hello world
+ ` }) @@ -108,17 +109,21 @@ export class AppComponent { stopLoading() { this.slimLoadingBarService.stop(); } + + completeLoading() { + this.slimLoadingBarService.complete(); + } } ``` #### 3. Customize the the `ng2-slim-loading-bar` for your application You can use the following properties to customize the `ng2-slim-loading-bar` component in your template: - `color` - The color of loading bar. Default is `firebrick`. Any CSS compatible value. -- `height` - The height of loading bar. Defaukt value is `2px`. -- `show` - The flag helps hide and show the loading bar. Devault value is `true` +- `height` - The height of loading bar. Default value is `2px`. +- `show` - The flag helps hide and show the loading bar. Devault value is `true`. Example: -`` +`` #### 4. Manage the loading bar You can use the following properties to customize the SlimLoadingBar via instance of SlimLoadingBarService: diff --git a/src/slim-loading-bar.component.ts b/src/slim-loading-bar.component.ts index d1f22c6..09448ba 100644 --- a/src/slim-loading-bar.component.ts +++ b/src/slim-loading-bar.component.ts @@ -11,7 +11,7 @@ import {isPresent} from './slim-loading-bar.utils'; * A Slim Loading Bar component shows message loading progress bar on the top of web page or parent component. */ @Component({ - moduleId: module.id, + moduleId: module.id.toString(), selector: 'ng2-slim-loading-bar', template: `