ComponentFactory

Base class for a factory that can create a component dynamically. Instantiate a factory for a given type of component with resolveComponentFactory(). Use the resulting ComponentFactory.create() method to create a component of that type.

abstract class ComponentFactory<C> {
  abstract selector: string
  abstract componentType: Type<any>
  abstract ngContentSelectors: string[]
  abstract inputs: {...}
  abstract outputs: {...}
  abstract create(injector: Injector, projectableNodes?: any[][], rootSelectorOrNode?: any, ngModule?: NgModuleRef<any>): ComponentRef<C>
}

See also

• Dynamic Components

Properties

Property	Description
abstract selector: string	Read-Only The component's HTML selector.
abstract componentType: Type<any>	Read-Only The type of component the factory will create.
abstract ngContentSelectors: string[]	Read-Only Selector for all elements in the component.
abstract inputs: { propName: string; templateName: string; }[]	Read-Only The inputs of the component.
abstract outputs: { propName: string; templateName: string; }[]	Read-Only The outputs of the component.

Methods

create()
Creates a new component.
abstract create(injector: Injector, projectableNodes?: any[][], rootSelectorOrNode?: any, ngModule?: NgModuleRef<any>): ComponentRef<C> Parameters injector Injector projectableNodes any[][] Optional. Default is undefined. rootSelectorOrNode any Optional. Default is undefined. ngModule NgModuleRef Optional. Default is undefined. Returns ComponentRef<C>