bolierplate code for ngselect demo

src/app/app-routing.module.ts

@@ -31,6 +31,10 @@ const routes: Routes = [
   {
     path: 'grid-filter',
     loadChildren: ()=> import('./grid-filter&sorting-demo/grid-filter-demo.module').then(m => m.GridFilterDemoModule)
+  },
+  {
+    path: 'select',
+    loadChildren: ()=> import('./ng-select-demo/ng-select-demo.module').then(m => m.NgSelectDemoModule)
   }
 ];
 

src/app/app.component.html

@@ -24,6 +24,9 @@
         <li class="nav-item">
           <a class="nav-link" routerLink="grid-filter">Fitering Demo</a>
         </li>
+        <li class="nav-item">
+          <a class="nav-link" routerLink="select">NG-select</a>
+        </li>
       </ul>
     </div>
     <div class="col-lg-10" style="padding-top: 5px">

src/app/grid-filter&sorting-demo/grid-filter-demo/grid-filter-demo.component.html

@@ -101,4 +101,7 @@
         <button type="button" class="btn btn-default">Yes</button>
         <button type="button" class="btn btn-primary">No</button>
     </div>
-</ng-template>
+</ng-template>
+
+
+

src/app/ng-select-demo/ng-select-demo-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from "@angular/core";
+import { RouterModule, Routes } from '@angular/router';
+import { NgSelectDemoComponent } from './ng-select-demo/ng-select-demo.component';
+
+
+const routes: Routes =[
+    {
+        path: '',
+        component: NgSelectDemoComponent
+    }
+]
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+})
+export class NgSelectDemoRoutingModule {
+
+}

src/app/ng-select-demo/ng-select-demo.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgSelectDemoComponent } from './ng-select-demo/ng-select-demo.component';
+import { NgSelectDemoRoutingModule } from './ng-select-demo-routing.module';
+
+
+
+@NgModule({
+  declarations: [NgSelectDemoComponent],
+  imports: [
+    CommonModule,
+    NgSelectDemoRoutingModule
+  ]
+})
+export class NgSelectDemoModule { }

src/app/ng-select-demo/ng-select-demo/ng-select-demo.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ps-ng-select-demo',
+  templateUrl: './ng-select-demo.component.html',
+  styleUrls: ['./ng-select-demo.component.scss']
+})
+export class NgSelectDemoComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}