Ionic input ngModel two way Data Binding or Add number format

Question

<ion-col size="4">
  <ion-input
    class="input-field"
    style="--padding-end: 20px; text-align: end;"        
    [(ngModel)]="discountPercent"
    (ngModelChange)="onDiscountPercentChange()"
    type="text"
    appDecimalPlaces="2">
    <p slot="end">%</p>
  </ion-input>
</ion-col>

Your text: [(ngModel)]="discountAmount"

I want to add this place format function getFormatedNumber(saleDecimals)

How can I solve this?

what exactly do you mean you want too add function?

tony
– tony

2024-08-21 09:29:03 +00:00
Commented Aug 21, 2024 at 9:29 — tony
– tony, Commented Aug 21, 2024 at 9:29
stackoverflow.com/help/how-to-ask

StackoverBlows
– StackoverBlows

2024-08-21 13:43:58 +00:00
Commented Aug 21, 2024 at 13:43 — StackoverBlows
– StackoverBlows, Commented Aug 21, 2024 at 13:43

Midhun · Accepted Answer · 2024-08-21 09:39:00Z

0

First of all the question feels like incomplete but i assume you need to format the model value from input using your custom function

To do that, we can leverage the already called onDiscountPercentChange and with in that just run the getFormatedNumber(saleDecimals)

like in

onDiscountPercentChange(): void {
// run the format fn

this.getFormatedNumber(2);
}

answered Aug 21, 2024 at 9:39

Midhun

1241 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Emerald Over a year ago

I have discount amount & discount percentage , i add gfN function in onDiscontChange(), both UI cannot change. getFormatedNumber(x) is changeable by ApI respond.

Midhun Over a year ago

@Emerald, i still little confused on the objective here, what i understood is you want have a watcher on model change and when the user input is done you need to call and API for getFormatedNumber(x) and the server given the updated input for the input and then bind it here. is it correct ?

Collectives™ on Stack Overflow

Ionic input ngModel two way Data Binding or Add number format

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related