demo checking

src/app/command-modal-demo/command-modal-demo/command-modal-demo.component.html

@@ -46,7 +46,7 @@
 </ng-template>
 
 <ng-template #theModal let-command let-loading="loading">
-    <form ngNativeValidate  >
+    <form   >
         Name
         <input type="text" required [disabled]="loading" name="name" [(ngModel)]="command.name"  placeholder="Enter a merchant name" class="form-control" >
         Address

src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.html

@@ -4,12 +4,15 @@
 
     <ps-data-grid [dataSource]="merchantDataSource" [(columns)]="columns" tableClasses="table table-sm table-bordered" >
         
-        <ng-container *psDataGridHeader>
+        <!-- <ng-container *psDataGridHeader>
             <h1>Hey! </h1>
             <p>Welcome to my Grid!</p>
             <label>New merchant name</label>
             <input class="form-control" #newMerchantName/>
             <button class="btn btn-primary btn-sm" (click)="newMerchant(newMerchantName.value)">Add</button>
+        </ng-container> -->
+        <ng-container *psDataGridHeader>
+            Some header
         </ng-container>
         <ng-container psDataGridCol="id">
             <div *psDataGridColHeader>ID</div>
@@ -27,11 +30,10 @@
         <ng-container psDataGridCol="commands">
             <ng-container *psDataGridColHeader>Actions</ng-container>
             <ng-container *psDataGridCell="let model">
-                <button class="btn btn-primary mr-2">{{model.name}}</button>
+                <button class="btn btn-primary mr-2">Some Actions</button>
             </ng-container>
         </ng-container>
         <ng-container *psDataGridFooter>
-            
             <strong>Footer works!</strong>
         </ng-container>
     </ps-data-grid>

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

@@ -1,8 +1,7 @@
 <h2>Single Select Demo | ngModel | option template</h2>
 <ps-ng-select [dataSource]="merchantDataSource" bindLabel="name" bindValue="id" [(ngModel)]="myValue">
     <div *psNgSelectOption="let item">
-        <!-- {{ item.name }} - {{ item.address }} -->
-        {{item | json}}
+       {{ item.name }} - {{ item.address }}       
     </div>
 </ps-ng-select>
 
@@ -10,7 +9,7 @@ selected: {{ myValue | json }}
 
 <h2>Single Select With Form | formGroup | option template</h2>
 <form #form [formGroup]="myForm">
-    <ps-ng-select [dataSource]="merchantDataSource" bindLabel="name" bindValue="id" formControlName="merchantId" [serverFiltering]="true">
+    <ps-ng-select [dataSource]="merchantDataSource2" bindLabel="name" bindValue="id" formControlName="merchantId" [serverFiltering]="true">
         <div *psNgSelectOption="let item">
             {{ item.name }} - {{ item.address }}
         </div>
@@ -20,14 +19,14 @@ selected: {{ myValue | json }}
 selected:  {{ myForm.value | json }}
 
 <h2>Single Select Demo | label Template</h2>
-<ps-ng-select [dataSource]="merchantDataSource" bindLabel="name" bindValue="id" [(ngModel)]="myValue" [serverFiltering]="true">
+<ps-ng-select [dataSource]="merchantDataSource3" bindLabel="name" bindValue="id" [(ngModel)]="myValue3" [serverFiltering]="true">
     <div  *psNgSelectLabel="let item">
-        <span>Name: </span>{{ item.name }} - <img src="/src/assets/avatar.png"><span> Address: </span>{{item.address }}
+        <img src="assets/32x32-blue.png"><span>Name: </span>{{ item.name }} - <span> Address: </span>{{item.address }}
     </div>
 </ps-ng-select>
 
  <h2>Multi-Select Demo</h2>
-<ps-ng-multi-select [dataSource]="merchantDataSource" bindLabel="name" bindValue="id"  [serverFiltering]="true" [(ngModel)]="myValue" >
+<ps-ng-multi-select [dataSource]="merchantDataSource4" bindLabel="name" bindValue="id"  [serverFiltering]="true" [(ngModel)]="myValue4" >
 
 </ps-ng-multi-select>
 selected: {{ myValue | json }} 

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

@@ -14,15 +14,24 @@ import { FormBuilder, FormGroup } from '@angular/forms';
 })
 export class NgSelectDemoComponent implements OnInit {
 
-  merchantDataSource: IDataSource<IMerchant>;  
+  merchantDataSource: IDataSource<IMerchant>;
+  merchantDataSource2: IDataSource<IMerchant>; 
+  merchantDataSource3: IDataSource<IMerchant>; 
+  merchantDataSource4: IDataSource<IMerchant>;   
   
   selectedValue: IMerchant;
+  selectedValue2: IMerchant;
+  selectedValue3: IMerchant;
+  selectedValue4: IMerchant;
   myForm: FormGroup;
   myValue: string;
 
   constructor(private merchantService: MerchantService, private fb: FormBuilder
               ) {
     this.merchantDataSource = merchantService.createDataSource(); //Assign the dataSource
+    this.merchantDataSource2 = merchantService.createDataSource(); 
+    this.merchantDataSource3 = merchantService.createDataSource(); 
+    this.merchantDataSource4 = merchantService.createDataSource(); 
     this.myForm = fb.group({
       'merchantId': [null, null]
     })