ng-ghosts-loading - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

package.json

 {
   "name": "ng-ghosts-loading",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.14",

README.md

@@ -5,6 +5,6 @@ # ng-ghosts-loading
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f2.gif)
 
 
 
-
 ## Getting started
@@ -28,2 +28,38 @@
 
+### Import to your application
+
+In the general module ``app.module.ts`` of your application you must import ``NgGhostsLoadingModule`` into your angular application.
+
+````ts
+
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+    // add here
+
+import { NgGhostsLoadingModule} from 'projects/ng-ghosts-loading/src/public-api';
+
+//app.module.ts
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+
+    // and add here
+    NgGhostsLoadingModule
+
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+
+````
+
+
+
 ## The `ghost-loading` tag
@@ -33,4 +69,4 @@
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f3.gif)
 
-
 The html code is very simple, as shown below: 
@@ -51,4 +87,4 @@
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f4.gif)
 
-
 ````html
@@ -68,2 +104,4 @@ <!-- app.component.html -->
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f5.gif)
+
 ````html
@@ -86,4 +124,4 @@
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f6.gif)
 
-
 ````html
@@ -109,4 +147,4 @@
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f8.gif)
 
-
 In this example we are going to create a loading page with a photo of a beautiful dog with four ghost lines. The ghostly style is applied to the dog's photo because he is the son of the tag ``ghost-loading`` .Please note below:
@@ -140,4 +178,4 @@
 
+![Image](https://github.com/SergioNoivak/ng-ghosts-loading/blob/master/src/photos/f7.gif)
 
-
 In this example we are going to create a list of ghost friends, which can be used on a social network, for example. The vector ``[1,2,3,4,5]`` can be created in the component, but it is not the objective here, the example demonstrates how ghosts can be combined in a list to create complex elements, like a list of friends in a network Social.
@@ -144,0 +182,0 @@

No alert changes

Improved metrics

Total package byte prevSize

113331

increased by1.22%

Number of lines in readme file

218

increased by21.11%

No dependency changes