如何在无需诉诸按钮事件的情况下动态执行减法?

时间:2019-02-13 20:04:39

标签: ionic-framework ionic3

我想进行减法,在输入值时,无需单击按钮即可自动执行操作

<ion-item>
  <ion-label stacked>Importe que realizara al ticket</ion-label>
  <ion-input type="text" name="num1" placeholder="" value="{{this._usuario.TotalImporte}}"></ion-input>
</ion-item>
<ion-item>
  <ion-label stacked>Importe/código total del ticket</ion-label>
  <ion-input disabled type="text" name="num2" placeholder="" value="{{this._usuario.TotalImporte}}"></ion-input>
</ion-item>
<ion-item>
  <ion-label stacked>Saldo a Facturar</ion-label>
  <ion-input disabled type="text" name="sum" placeholder=""></ion-input>
</ion-item>

我附上了我已经拥有的图像:

enter image description here

1 个答案:

答案 0 :(得分:0)

使用双向绑定 [(ngModel)]

<ion-item>
      <ion-label stacked>Importe que realizara al ticket</ion-label>
      <ion-input  type="text" name="num1" placeholder="" [(ngModel)]="this._usuario.TotalImporte" value="{{this._usuario.TotalImporte}}" ></ion-input>
</ion-item>
<ion-item>
      <ion-label stacked>Importe/código total del ticket</ion-label>
      <ion-input disabled type="text" name="num2" placeholder="" [(ngModel)]="this._usuario.TotalImporte"  value="{{this._usuario.TotalImporte}}" ></ion-input>
</ion-item>
    <ion-item>
      <ion-label stacked>Saldo a Facturar</ion-label>
      <ion-input disabled type="text" name="sum" [value]= "this._usuario.TotalImporte - this._usuario.TotalImporte" placeholder="" ></ion-input>
    </ion-item>

工作演示https://stackblitz.com/edit/ionic-icvos9