feat(loader): added ability to attach inline elements via component loader (#2458)

Author: IlyaSurmay

src/component-loader/component-loader.class.ts

@@ -6,7 +6,7 @@ import {
   ComponentFactory,
   ComponentFactoryResolver,
   ComponentRef,
-  ElementRef,
+  ElementRef, EmbeddedViewRef,
   EventEmitter,
   Injector,
   NgZone,
@@ -30,6 +30,7 @@ export class ComponentLoader<T> {
 
   public instance: T;
   public _componentRef: ComponentRef<T>;
+  public _inlineViewRef: EmbeddedViewRef<T>;
 
   private _providers: Provider[] = [];
   private _componentFactory: ComponentFactory<T>;
@@ -237,6 +238,11 @@ export class ComponentLoader<T> {
     }
   }
 
+  attachInline(vRef: ViewContainerRef, template: TemplateRef<any>): ComponentLoader<T> {
+    this._inlineViewRef = vRef.createEmbeddedView(template);
+    return this;
+  }
+
   _registerOutsideClick(): void {
     if (!this._componentRef || !this._componentRef.location) {
       return;

src/dropdown/bs-dropdown.directive.ts

@@ -176,7 +176,8 @@ export class BsDropdownDirective implements OnInit, OnDestroy {
       if (!this._inlinedMenu) {
         this._state.dropdownMenu
           .then((dropdownMenu: BsComponentRef<BsDropdownMenuDirective>) => {
-            this._inlinedMenu = dropdownMenu.viewContainer.createEmbeddedView(dropdownMenu.templateRef);
+            this._dropdown.attachInline(dropdownMenu.viewContainer, dropdownMenu.templateRef);
+            this._inlinedMenu = this._dropdown._inlineViewRef;
           });
       }