fix(typeahead): inside of onpush components (#2946)

valor-software · Nov 2, 2017 · 44763a9 · 44763a9
1 parent 5986e51
commit 44763a9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/typeahead/typeahead.directive.ts b/src/typeahead/typeahead.directive.ts
@@ -1,5 +1,6 @@
 /* tslint:disable:max-file-line-count */
 import {
+  ChangeDetectorRef,
   Directive,
   ElementRef,
   EventEmitter,
@@ -138,7 +139,8 @@ export class TypeaheadDirective implements OnInit, OnDestroy {
               private element: ElementRef,
               viewContainerRef: ViewContainerRef,
               private renderer: Renderer2,
-              cis: ComponentLoaderFactory) {
+              cis: ComponentLoaderFactory,
+              private changeDetection: ChangeDetectorRef) {
     this._typeahead = cis.createLoader<TypeaheadContainerComponent>(
       element,
       viewContainerRef,
@@ -268,6 +270,7 @@ export class TypeaheadDirective implements OnInit, OnDestroy {
     const valueStr: string = match.value;
     this.ngControl.viewToModelUpdate(valueStr);
     (this.ngControl.control).setValue(valueStr);
+    this.changeDetection.markForCheck();
     this.hide();
   }