我想创建仅允许数字的文本框。 如何使用aurelia中的Typescript做到这一点？

Question

I want to enter only numbers in textbox so i have added oninput but i want to create using bindableproperty. I don't have idea how to do that. Please suggest me ?

textbox.html

<template bindable="">
  <input style="
         box-sizing: border-box;"
         maxlength="10" ;
         oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" />
</template>;   

textbox.ts

import { bindable } from 'aurelia-framework';
export class textbox {
  constructor() {
  }
}

app.html

<template bindable="">
  <require from="./components/textbox.html"></require>
  <textbox></textbox>
</template>

app.ts

export class App {
}

Answer 1

I am just giving the idea, might be helpful:

In Html you may use  
(keyup)="methodName($event.targer.value)"  event.


In you ts file you may use:
bindedTextareaProperty;

methodName(event) {
if(isNumber(event){

} else {
// you may the value of last index
bindedTextareaProperty.slice(0, bindedTextareaProperty.length -1);
}
}