ngAfterViewInit() { this.componentLoader.loadNextToLocation( this.dialogInstance.componentType, this._viewRef, this.dialogInstance.modalDataBindings) .then((contentRef: ComponentRef) => { this.dialogInstance.contentRef = contentRef; }); }
ngAfterViewInit() { this._dlc .loadNextToLocation(this._compileConfig.component, this._viewContainer, this._compileConfig.bindings) .then(contentRef => this.dialog.contentRef = contentRef); }
.then(componentModule => { this.dynamicComponentLoader.loadIntoLocation(componentModule[component.fullName], this.elementRef, 'content') .then(component => { //component.instance.inputProperty = this.config.Calendar; //component.instance.inputValue = this.config.Calendar; component.instance.config = this.config; }); });
this.edgeService.getCoordinates().subscribe(coordinates => { this.dynamicComponentLoader .loadNextToLocation(Edge,coordinates.first.viewContainer) .then((res) => { res.instance.setCoordinates(coordinates.first, coordinates.second); }) .catch(e => console.log(e)); });
ngOnInit() { this.dcl.loadIntoLocation(this.type, this.element, 'ngTableCustom') .then((component) => { if (component.instance.ngTableOnInit) { component.instance.ngTableOnInit(this.index, this.row); } }); }
private CreateDynamicAlert(alertBindings) { this.dynamicComponentLoader .loadIntoLocation(AlertComponent,this.element,'alertAppend', alertBindings) .then( comp => { //We assign the componentRef to the instance comp.instance.contentRef(comp); console.log("Alert rendered with message: " + comp.instance.MessageContent); }); }
ngOnInit() { const someDynamicHtml = `<p-o-c></p-o-c><h6>${Date.now()}</h6>`; this.loader.loadIntoLocation( compileToComponent(someDynamicHtml, [ProofOfConceptComponent]), this.elementRef, 'container' ); }
private initializeWidget(widgetConfig: WidgetConfig) { let widgetComponent = this.getWidgetComponentByType(widgetConfig.type); let promise = this.dynamicComponentLoader.loadIntoLocation(widgetComponent, this.elementRef, 'widgets'); Promise.resolve(promise).then( component => { component.instance.setUpdateInterval(1000); component.instance.initWidget(widgetConfig.id, widgetConfig.title); component.instance.updateWidgetData(); }); }
/** Attach the given ComponentPortal to DOM element using the DynamicComponentLoader. */ attachComponentPortal(portal: ComponentPortal): Promise<ComponentRef> { if (portal.origin == null) { throw new MdComponentPortalAttachedToDomWithoutOriginException(); } return this._componentLoader.loadNextToLocation(portal.component, portal.origin).then(ref => { this._hostDomElement.appendChild(ref.hostView.rootNodes[0]); this.setDisposeFn(() => ref.dispose()); return ref; }); }
return this.disposeDynCmp().then(() => { let component = this.popup.component; this.cmpRef = this.dcl.loadNextToLocation(component, this.dynCmp) .then(cmp => { if (this.popup.componentOptions) { cmp.instance.popupOptions = this.popup.componentOptions; } cmp.instance.popup = this.popup; return cmp; }); this.visible = true; });