44 lines
1.8 KiB
TypeScript
44 lines
1.8 KiB
TypeScript
|
import { Component, Input, OnInit, ComponentFactoryResolver, ViewChild, SimpleChanges, ComponentFactory, Inject, Type} from '@angular/core';
|
||
|
import { Feature } from 'ol';
|
||
|
import { AbstractFeatureListFeatureComponent,FeatureListFeatureComponent } from '../feature-list-feature/feature-list-feature.component';
|
||
|
import { WidgetHostDirective } from '../widget-host/widget-host.directive';
|
||
|
|
||
|
|
||
|
@Component({
|
||
|
selector: 'feature-list-feature-container',
|
||
|
template: `
|
||
|
<div>
|
||
|
<ng-template widget-host></ng-template>
|
||
|
</div>
|
||
|
`
|
||
|
})
|
||
|
export class FeatureListFeatureContainerComponent {
|
||
|
|
||
|
constructor(private componentFactoryResolver: ComponentFactoryResolver, @Inject(AbstractFeatureListFeatureComponent) public featureLists: AbstractFeatureListFeatureComponent[] ) {
|
||
|
}
|
||
|
|
||
|
@Input() feature: Feature;
|
||
|
|
||
|
@ViewChild(WidgetHostDirective) widgetHost: WidgetHostDirective;
|
||
|
|
||
|
loadComponent() {
|
||
|
var componentFactory: ComponentFactory<AbstractFeatureListFeatureComponent> = this.componentFactoryResolver.resolveComponentFactory(FeatureListFeatureComponent); // default
|
||
|
for (var i = 0; i < this.featureLists.length; i++) {
|
||
|
if (this.featureLists[i]['forItemType'] == this.feature.get("itemType")) {
|
||
|
componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.featureLists[i]['constructor'] as any);
|
||
|
}
|
||
|
}
|
||
|
const viewContainerRef = this.widgetHost.viewContainerRef;
|
||
|
viewContainerRef.clear();
|
||
|
|
||
|
const componentRef = viewContainerRef.createComponent(componentFactory);
|
||
|
(<AbstractFeatureListFeatureComponent>componentRef.instance).feature = this.feature;
|
||
|
}
|
||
|
|
||
|
ngOnChanges(changes: SimpleChanges) {
|
||
|
if (changes["feature"] && changes["feature"].currentValue) {
|
||
|
this.loadComponent();
|
||
|
}
|
||
|
}
|
||
|
}
|