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);
  });