Class AudioGrid

AudioGrid component renders a dynamic grid of components with individually provided inputs.

Selector

app-audio-grid

Standalone

true

Imports

CommonModule

Inputs

  • componentsToRender ({ component: any; inputs?: any }[]): Array of components with optional inputs to render in the grid.

Methods

  • ngOnChanges(changes: SimpleChanges): Clears the injector cache on changes to componentsToRender.
  • createInjector(inputs: any): Creates and caches an injector with specific inputs for each component.
  • clearInjectorCache(): Clears the cache to avoid memory leaks and ensure updated injectors.

Example

<app-audio-grid [componentsToRender]="[{ component: AudioCard, inputs: { name: 'Participant 1' } }]"></app-audio-grid>

Implements

  • OnChanges

Constructors

constructor

Methods

ngOnChanges createInjector

Properties

componentsToRender

Constructors

constructor

Methods

ngOnChanges

  • ngOnChanges(changes): void

  • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

createInjector

Properties

componentsToRender

componentsToRender: {
    component: any;
    inputs?: any;
}[] = []

Settings

Member Visibility

On This Page

Constructors
Methods
Properties