fix(search): resolve search field component factory (#439)

akveo · May 23, 2018 · 15cf18d · 15cf18d
1 parent 084391b
commit 15cf18d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/framework/theme/components/search/search.component.ts b/src/framework/theme/components/search/search.component.ts
@@ -8,6 +8,7 @@ import {
   AfterViewInit,
   ChangeDetectionStrategy,
   Component,
+  ComponentFactoryResolver,
   ComponentRef,
   ElementRef,
   EventEmitter,
@@ -196,6 +197,7 @@ export class NbSearchComponent implements OnInit, AfterViewInit, OnDestroy {
   private searchType: string = 'rotate-layout';
 
   constructor(private searchService: NbSearchService,
+              private componentFactoryResolver: ComponentFactoryResolver,
               private themeService: NbThemeService,
               private router: Router) {
   }
@@ -264,7 +266,8 @@ export class NbSearchComponent implements OnInit, AfterViewInit, OnDestroy {
   }
 
   ngAfterViewInit() {
-    this.themeService.appendToLayoutTop(NbSearchFieldComponent)
+    const factory = this.componentFactoryResolver.resolveComponentFactory(NbSearchFieldComponent);
+    this.themeService.appendToLayoutTop(factory)
       .subscribe((componentRef: ComponentRef<any>) => {
         this.connectToSearchField(componentRef);
       });