Can't bind to 'options' since it isn't a known property of 'input'

[jimkeecn]

<mat-form-field> <mat-label>DRP</mat-label> <input matInput formControlName="drp" autocomplete="off" currencyMask [options]="{prefix: '', suffix: '% ', decimal: '.' }" min="0" max="100"> <mat-error *ngIf="drpForm.get('drp').status == 'INVALID'"> DRP(0% - 100%) </mat-error> </mat-form-field>

I have recently upgrade my project from angular 15 to 16 and update this ngx-currency to 4.0.0 version.
However, while im trying to build this application. it throws error as title. and it only occurs to one of the pages that using currencyMask. other page seems fine.
the only particular for this page that it is used by MatDialog.

[ArtemDintecom]

@jimkeecn I will assume that you deleted the non-existent NgxCurrencyModule, and forgot to import NgxCurrencyDirective.

[jimkeecn]

@jimkeecn I will assume that you deleted the non-existent NgxCurrencyModule, and forgot to import NgxCurrencyDirective.

Do you mean Import like as documentation?

`import { NgxCurrencyDirective } from "ngx-currency";

@component({
standalone: true,
selector: "app-root",
templateUrl: "./app.component.html",
imports: [NgxCurrencyDirective],
})`

However, My component is not a standalone component. I cannot change that component to a standalone component.

[ArtemDintecom]

@jimkeecn No, I mean import NgxCurrencyDirective into your dialog or page module, not into the AppModule, for sure they are different modules. You don't need to change your component to standalone for this.