Merge pull request #7 from joqkey/issue-6

Issue #6 - multi select filtering fix

.angular-cli.json

@@ -51,6 +51,9 @@
   "test": {
     "karma": {
       "config": "./karma.conf.js"
+    },
+    "codeCoverage": {
+      "exclude": ["src/app/app.component.ts"]
     }
   },
   "defaults": {

CHANGELOG.md

@@ -0,0 +1,12 @@
+# Changelog
+
+## 1.0.1
+
+* Bugfix: don't clear initial selection with `multi="true"` [#6](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/6) 
+
+  Thanks to @joqkey 
+
+
+## 1.0.0
+
+* Initial Release

karma.conf.js

@@ -16,7 +16,7 @@ module.exports = function (config) {
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      reports: [ 'html', 'lcovonly' ],
+      reports: [ 'html', 'lcovonly', 'text-summary' ],
       fixWebpackSourcePaths: true
     },
     angularCli: {

package.json

@@ -8,7 +8,7 @@
     "start": "ng serve",
     "build": "ng build --prod",
     "build.ci": "npm run build -- --progress=false",
-    "test": "ng test",
+    "test": "ng test --watch=false --code-coverage",
     "test.ci": "npm run test -- --progress=false --watch=false",
     "lint": "ng lint",
     "e2e": "ng e2e",

src/app/app.component.html

@@ -29,7 +29,7 @@ <h3>Single selection</h3>
   <h3>Multiple selection</h3>
   <p>
     <mat-form-field>
-      <mat-select [formControl]="bankMultiCtrl" placeholder="Banks" [multiple]="true">
+      <mat-select [formControl]="bankMultiCtrl" placeholder="Banks" [multiple]="true" #multiSelect>
         <ngx-mat-select-search [formControl]="bankMultiFilterCtrl"></ngx-mat-select-search>
         <mat-option *ngFor="let bank of filteredBanksMulti | async" [value]="bank">
           {{bank.name}}

src/app/app.component.ts

@@ -61,13 +61,15 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
   public filteredBanksMulti: ReplaySubject<Bank[]> = new ReplaySubject<Bank[]>(1);
 
   @ViewChild('singleSelect') singleSelect: MatSelect;
+  @ViewChild('multiSelect') multiSelect: MatSelect;
 
   /** Subject that emits when the component has been destroyed. */
   private _onDestroy = new Subject<void>();
 
   ngOnInit() {
     // set initial selection
     this.bankCtrl.setValue(this.banks[10]);
+    this.bankMultiCtrl.setValue([this.banks[10], this.banks[11], this.banks[12]]);
 
     // load the initial bank list
     this.filteredBanks.next(this.banks.slice());
@@ -109,6 +111,7 @@ export class AppComponent implements OnInit, AfterViewInit, OnDestroy {
         // this needs to be done after the filteredBanks are loaded initially
         // and after the mat-option elements are available
         this.singleSelect.compareWith = (a: Bank, b: Bank) => a.id === b.id;
+        this.multiSelect.compareWith = (a: Bank, b: Bank) => a.id === b.id;
       });
   }