fix: rename snippet class name and selector

Author: shanmukhateja

demo/src/app/advanced/using-ng-pipe-snippet.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-using-pipe-snippet',
+  selector: 'app-using-ng-pipe-snippet',
   template: `
   <div id="html" class="col s12 m9 l12">
     <h4 class="header">HTML</h4>
@@ -13,7 +13,7 @@ import { Component, OnInit } from '@angular/core';
   </div>
   `
 })
-export class UsingPipeSnippetComponent implements OnInit {
+export class UsingNgPipeSnippetComponent implements OnInit {
 
   constructor() { }
 

demo/src/app/advanced/using-ng-pipe.component.html

@@ -26,7 +26,7 @@ <h4 class="header">Preview</h4>
           <table datatable [dtOptions]="dtOptions" class="row-border hover"></table>
         </div>
       </div>
-      <app-using-pipe-snippet></app-using-pipe-snippet>
+      <app-using-ng-pipe-snippet></app-using-ng-pipe-snippet>
     </div>
   </div>
 </div>

demo/src/app/app.module.ts

@@ -58,7 +58,7 @@ import { SelectExtensionComponent } from './extensions/select-extension.componen
 import { SelectExtensionSnippetComponent } from './extensions/select-extension-snippet.component';
 import { SelectExtensionConfigurationComponent } from './extensions/select-extension-configuration.component';
 import { UsingNgPipeComponent } from './advanced/using-ng-pipe.component';
-import { UsingPipeSnippetComponent } from './advanced/using-ng-pipe-snippet.component';
+import { UsingNgPipeSnippetComponent } from './advanced/using-ng-pipe-snippet.component';
 
 // HightlightJS
 import hljs from 'highlight.js/lib/highlight';
@@ -119,7 +119,7 @@ hljs.registerLanguage('xml', xml);
         SelectExtensionSnippetComponent,
         SelectExtensionConfigurationComponent,
         UsingNgPipeComponent,
-        UsingPipeSnippetComponent
+        UsingNgPipeSnippetComponent
     ],
     imports: [
         BrowserModule,