Resolving component from class name in Angular 4

Question

Is it possible to resolve a component from string?

Previously in Angular 2, we are able to do this see here. However, in Angular 4, the same method will throw error.

private resolver: ComponentFactoryResolver

var factories = Array.from(this.resolver['_factories'].keys());
var factoryClass = <Type<any>>factories.find((x: any) => x.name === this.comp);
const factory = this.resolver.resolveComponentFactory(factoryClass);
const compRef = this.vcRef.createComponent(factory);

Element implicitly has an 'any' type because 'ComponentFactoryResolver' has no index signature — Benson
– Benson, Commented Jan 17, 2018 at 11:57

Michael Kang · Accepted Answer · 2018-01-17 12:14:24Z

2

It looks like you might be relying on an implementation detail. However, to get around the error, you can explicitly cast the type to any in order to access the indexer. Assuming there is a _factories property, this should work:

var factories = Array.from((<any>this.resolver)['_factories'].keys());

answered Jan 17, 2018 at 12:14

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohammad Mirzaeyan Over a year ago

it's not works on angular 11.

Collectives™ on Stack Overflow

Resolving component from class name in Angular 4

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related