flexRenderComponent

function flexRenderComponent<TComponent>(component, options?): FlexRenderComponent<TComponent>;

Defined in: packages/angular-table/src/flex-render/flexRenderComponent.ts:184

Helper function to create a FlexRenderComponent instance, with better type-safety.

Type Parameters

TComponent

TComponent = any

Parameters

component

Type<TComponent>

options?

FlexRenderOptions<Inputs<TComponent>, Outputs<TComponent>>

Returns

FlexRenderComponent<TComponent>

Example

import {flexRenderComponent} from '@tanstack/angular-table'
import {inputBinding, outputBinding} from '@angular/core';

const columns = [
  {
    cell: ({ row }) => {
       return flexRenderComponent(MyComponent, {
         inputs: { value: mySignalValue() },
         outputs: { valueChange: (val) => {} }
         // or using angular native createComponent#binding api
         bindings: [
           inputBinding('value', mySignalValue),
           outputBinding('valueChange', value => {
             console.log("my value changed to", value)
           })
         ]
       })
    },
  },
]