Merge pull request #12 from bithost-gmbh/bugfix/issue-4-show-no-entri…

…es-found-label Bugfix/issue 4 show no entries found label
bithost-gmbh · Mar 19, 2018 · 5a61568 · 5a61568
2 parents 0e53216 + 249fc66
commit 5a61568
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
   Thanks to @joqkey 
 
+* Bugfix: show "no options found" message as soon as no options are found [#4](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/4), [#10](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/10)
 
 ## 1.0.0
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ngx-mat-select-search",
   "description": "Library that provides an angular component providing an input field for searching / filtering MatSelect options of the Angular Material library.",
-  "version": "1.0.1-SNAPSHOT",
+  "version": "1.0.1",
   "license": "MIT",
   "scripts": {
     "ng": "ng",

diff --git a/src/app/mat-select-search/mat-select-search.component.ts b/src/app/mat-select-search/mat-select-search.component.ts
@@ -212,6 +212,13 @@ export class MatSelectSearchComponent implements OnInit, OnDestroy, AfterViewIni
 
   ngAfterViewInit() {
     this.setOverlayClass();
+
+    // update view when available options change
+    this.matSelect.options.changes
+      .pipe(takeUntil(this._onDestroy))
+      .subscribe(() => {
+        this.changeDetectorRef.markForCheck();
+      });
   }
 
   /**
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,6 +6,7 @@

		Thanks to @joqkey

		* Bugfix: show "no options found" message as soon as no options are found [#4](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/4), [#10](https://github.com/bithost-gmbh/ngx-mat-select-search/issues/10)

		## 1.0.0

Expand Down