Open Closed

Error: Can't bind to 'options' since it isn't a known property of 'abp-modal' #5682


User avatar
0
shobhit created

ABP Framework version: v4.2.2
UI Type: Angular
Database System: EF Core (SQL Server)
Tiered (for MVC) or Auth Server Separated (for Angular): yes


I have the following line in my html code:

<abp-modal [options]="ngModalOptions">

However, I get the following error: Can't bind to 'options' since it isn't a known property of 'abp-modal'.

How come it's not being recognized? Is it because of our ABP version?

Thank you!


5 Answer(s)
  • User Avatar
    0
    alper created
    Angular Developer

    Did you import ThemeSharedModule?

  • User Avatar
    0
    shobhit created

    Yes

  • User Avatar
    0
    mahmut.gundogdu created

    Yes

    Could you describe the steps for producing the issue ?

    Because if you add ThemeShared module, abp-modal should work as expected. because it defined in there. You can check the coude.
    https://github.com/abpframework/abp/blob/dev/npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts

    We need to produce the issue for finding solution.

  • User Avatar
    0
    shobhit created

    Well I'm just trying to use the abp-modal element as follows:

    <abp-modal [(visible)]="isModalOpen" [busy]="isModalBusy" [size]="modalSize" id="myModal" (disappear)="onClose()" [options]="ngModalOptions">

    None of the other attributes are throwing an error. Only [options] is throwing the following error: Can't bind to 'options' since it isn't a known property of 'abp-modal'.

    So I'm not sure why only this attribute is throwing an error while everything else is recognized and working fine.

  • User Avatar
    0
    masum.ulu created
    Support Team Angular Expert

    Well I'm just trying to use the abp-modal element as follows:

    <abp-modal [(visible)]="isModalOpen" [busy]="isModalBusy" [size]="modalSize" id="myModal" (disappear)="onClose()" [options]="ngModalOptions">

    None of the other attributes are throwing an error. Only [options] is throwing the following error: Can't bind to 'options' since it isn't a known property of 'abp-modal'.

    So I'm not sure why only this attribute is throwing an error while everything else is recognized and working fine.

    Hi, because in your version there is not input as options If you update your project to 4.3.x it'll work

    https://github.com/abpframework/abp/blob/1f1a9ed4c34f89f910f1f8ebb5ba04b1e9bac153/npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts#L57-L63

    image.png

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 25, 2025, 11:10