Angular [text] binding not working

[elonmallin]

It seems like binding the text property in angular doesn't work.

My app.module.ts:

import { registerElement } from "nativescript-angular";
registerElement("NumericKeyboard", () => require("nativescript-numeric-keyboard").NumericKeyboardView);

My html file where I use the keyboard:

<Label [text]="price"></Label>
<NumericKeyboard [text]="price"></NumericKeyboard>

The price property isn't updated in the <Label>. If I were to have a normal <TextField> the binding works.

[asharghi]

I'm using Vue, but having the same issue.

<NumericKeyboard :text="item.price" />

The item.price property isn't updated when using the keyboard. I have also tried
v-model="item.price" without any luck.

Edit: Tried adding @textchange="textChange" to debug. It´s only triggering the change event if the model is changed programmatically and not from the keyboard.

[elonmallin]

Any news on this? Seems like this should be a really crucial issue.

[EddyVerbruggen]

I'm not sure if it can (or will) be fixed, but I always use it like this which works pretty well:

<NumericKeyboard [text]="orderline.quantity" (textChange)="quantityChanged($event)"></NumericKeyboard>

quantityChanged(args: PropertyChangeData): void {
  if (!isNaN(parseInt(args.value))) {
    const newValue = parseInt(args.value);
    // etc
  }
}