Skip to content

bug: componentProps of modalController does not work with Angular 17.1.0 signal inputs #28876

Closed

Description

@ntorrey

Prerequisites

Ionic Framework Version

v7.x

Current Behavior

Passing componentProps (when using a modalController) throws an error when the input of the component is a signal (Input signals are a feature of Angular 17.1.0).

Expected Behavior

The componentProps should work even if the component input is a signal.

Steps to Reproduce

  1. Create a component to pass to a modalController which has signal inputs.
  2. Create a modal controller with componentProps that correspond to the component's input signals.
  3. Open the modal and observe the results with dismay.

Code Reproduction URL

https://github.com/ntorrey/ionbug

Ionic Info

Ionic:
Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 7.6.6
@angular-devkit/build-angular : 17.1.1
@angular-devkit/schematics : 17.1.1
@angular/cli : 17.1.1
@ionic/angular-toolkit : 11.0.0

Capacitor:
Capacitor CLI : not installed
@capacitor/android : not installed
@capacitor/core : not installed
@capacitor/ios : not installed

Utility:
cordova-res : not installed globally
native-run : not installed globally

System:
NodeJS : v18.18.0 (C:\Program Files\nodejs\node.exe)
npm : 10.4.0
OS : Windows 10

Additional Information

No response

Activity

  1. self-assigned this
    on Jan 25, 2024
  2. liamdebeasi commented on Jan 25, 2024

    @liamdebeasi
    Contributor

    Thanks! Here's a dev build with a fix: 7.6.2-dev.11706205501.196a5433

    Note that this is an Ionic 8 build and is subject to breaking changes.

  3. removed their assignment
    on Jan 25, 2024
  4. ntorrey commented on Jan 26, 2024

    @ntorrey
    Author

    Seems to work now - thanks for the quick response!

  5. liamdebeasi commented on Jan 26, 2024

    @liamdebeasi
    Contributor

    Thanks for testing! I'm going to keep this open until the linked PR is merged.

  6. EinfachHans commented on Apr 25, 2024

    @EinfachHans
    Contributor

    Just mentioned it has not been included in v8?

  7. liamdebeasi commented on Apr 25, 2024

    @liamdebeasi
    Contributor

    No, the PR has not been merged.

  8. SadraRahmani commented on Apr 28, 2024

    @SadraRahmani
  9. added a commit that references this issue on May 6, 2024
    4640e04
  10. ntorrey commented on May 9, 2024

    @ntorrey
    Author

    Woohoo! Can't wait for the 8.2 release. It will be good to finally move off of the dev version I've been using (not in production of course 😬). Thanks for your work on this!

  11. sean-perkins commented on May 9, 2024

    @sean-perkins
    Contributor

    Thanks for reporting this issue! This has been resolved with #29453 and will be available in the next minor release 🎉

  12. sean-perkins commented on May 22, 2024

    @sean-perkins
    Contributor

    👋 this is now available in v8.2.0. Upgrade your apps and let us know if you experience any issues!

    Edit:

    This feature is opt-in, so be sure to update your Ionic config to include:

    useSetInputAPI: true,
  13. muuvmuuv commented on May 22, 2024

    @muuvmuuv

    Works! Thanks :)

  14. ionitron-bot commented on Jun 21, 2024

    @ionitron-bot

    Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

  15. locked and limited conversation to collaborators on Jun 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions