Enhancement: Add Dynamic Input Values Support to DynamicDialog

[nesgarbo]

Enhancement: Add Dynamic Input Values Support to DynamicDialog

Description

This PR enhances the DynamicDialog service in PrimeNG by introducing support for passing dynamic input values to the components loaded in the dialog.

Key Changes

1. DynamicDialogConfig

   • Added a new optional field inputValues to allow specifying key-value pairs (Record<string, any>) that will be passed as inputs to the loaded component.
   • The existing data parameter remains unchanged and fully compatible.

2. DialogService

   • Updated the open<T> method to accept inputValues in the configuration.
   • Automatically assigns the provided input values to the component instance.

3. DynamicDialogComponent

   • Introduced a new inputValues property to store the dynamic inputs.
   • During component initialization, inputValues are assigned to the component's inputs using setInput.

Benefits

• Adds flexibility for passing dynamic data directly into components loaded via DynamicDialog.
• Improves component reusability, enabling them to adapt to different contexts dynamically without requiring additional setup.

Example Usage

this.dialogService.open(MyComponent, {
  header: 'Dialog Title',
  width: '70%',
  inputValues: {
    exampleKey: 'exampleValue',
    anotherKey: 123,
    additionalConfig: true
  }
});

Compatibility

This enhancement is fully backward-compatible. It introduces the optional inputValues property, which does not affect the existing data property or the current functionality of DynamicDialog.

Developers can continue using DynamicDialog as before without requiring any changes to their code. The new inputValues feature is additive, ensuring seamless integration with existing setups.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
primeng-v17	⬜️ Ignored (Inspect)	Visit Preview	Dec 12, 2024 3:22pm

[vercel]

@nesgarbo is attempting to deploy a commit to the primetek Team on Vercel.

A member of the Team first needs to authorize it.