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: `