Docs
CodeRabbit
Cloudflare
AG Grid
SerpAPI
Netlify
Neon
WorkOS
Clerk
Convex
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
CodeRabbit
Cloudflare
AG Grid
SerpAPI
Netlify
Neon
WorkOS
Clerk
Convex
Electric
PowerSync
Sentry
Railway
Prisma
Strapi
Unkey
Table API Reference
Column API Reference
Row API Reference
Cell API Reference
Header API Reference
Features API Reference
Enterprise

FlexRenderComponentInstance

Class: FlexRenderComponentInstance<TComponent>

Defined in: flex-render/flexRenderComponent.ts:259

Wrapper class for a component that will be used as content for FlexRenderDirective

Prefer flexRenderComponent helper for better type-safety

Type Parameters

TComponent

TComponent = any

Implements

Constructors

Constructor

ts
new FlexRenderComponentInstance<TComponent>(
   component, 
   inputs?, 
   injector?, 
   outputs?, 
   directives?, 
bindings?): FlexRenderComponentInstance<TComponent>;

Defined in: flex-render/flexRenderComponent.ts:266

Parameters

component

Type<TComponent>

inputs?

Inputs<TComponent>

injector?

Injector

outputs?

Outputs<TComponent>

directives?

(Type<unknown> | DirectiveWithBindings<unknown>)[]

bindings?

Binding[]

Returns

FlexRenderComponentInstance<TComponent>

Properties

allowedInputNames

ts
readonly allowedInputNames: string[] = [];

Defined in: flex-render/flexRenderComponent.ts:263

List of allowed input names.

Implementation of

FlexRenderComponent.allowedInputNames


allowedOutputNames

ts
readonly allowedOutputNames: string[] = [];

Defined in: flex-render/flexRenderComponent.ts:264

List of allowed output names.

Implementation of

FlexRenderComponent.allowedOutputNames


bindings?

ts
readonly optional bindings: Binding[];

Defined in: flex-render/flexRenderComponent.ts:272

Bindings to apply to the root component

See

FlexRenderOptions#bindings

Implementation of

FlexRenderComponent.bindings


component

ts
readonly component: Type<TComponent>;

Defined in: flex-render/flexRenderComponent.ts:267

The component type

Implementation of

FlexRenderComponent.component


directives?

ts
readonly optional directives: (Type<unknown> | DirectiveWithBindings<unknown>)[];

Defined in: flex-render/flexRenderComponent.ts:271

Directives that should be applied to the component.

See

Implementation of

FlexRenderComponent.directives


injector?

ts
readonly optional injector: Injector;

Defined in: flex-render/flexRenderComponent.ts:269

Optional Injector that will be used when rendering the component.

See

FlexRenderOptions#injector

Implementation of

FlexRenderComponent.injector


inputs?

ts
readonly optional inputs: Inputs<TComponent>;

Defined in: flex-render/flexRenderComponent.ts:268

Component instance inputs. Set via componentRef.setInput API)

See

FlexRenderOptions#inputs

Implementation of

FlexRenderComponent.inputs


mirror

ts
readonly mirror: ComponentMirror<TComponent>;

Defined in: flex-render/flexRenderComponent.ts:262

Reflected metadata about the component.

Implementation of

FlexRenderComponent.mirror


outputs?

ts
readonly optional outputs: Outputs<TComponent>;

Defined in: flex-render/flexRenderComponent.ts:270

Component instance outputs. Subscribed via OutputEmitterRef#subscribe

See

FlexRenderOptions#outputs

Implementation of

FlexRenderComponent.outputs