离子输入问题.尝试绑定prodbum.totalamt时未定义的值.可能是问题所在

Question

离子输入问题。尝试绑定prodbum.totalamt时未定义的值。有什么问题？

用户名

    <ion-item>
      <ion-label floating>Secondname</ion-label>
      <ion-input type="number"  name="secondname" [(ngModel)]="prodbum.secondname" required></ion-input>
    </ion-item>
    <ion-item>
        <ion-label floating>Total: {{prodbum.username * prodbum.secondname}}</ion-label>
      <ion-input type="number" [value]="prodbum.username * prodbum.secondname" [(ngModel)]= "prodbum.totalamt"  readonly="true"></ion-input>
    </ion-item>
    <ion-item>

Answer 1

您可以为此使用更改事件，并将prodbum.totalamt设置在组件侧。

例如：

 <ion-item>
      <ion-label floating>Secondname</ion-label>
      <ion-input type="number"  name="secondname" [(ngModel)]="prodbum.secondname" (change)="findProd()" required></ion-input>
    </ion-item>
    <ion-item>
        <ion-label floating>Total: {{prodbum.username * prodbum.secondname}}</ion-label>
      <ion-input type="number" [(ngModel)]= "prodbum.totalamt"  readonly="true"></ion-input>
    </ion-item>
    <ion-item>

在组件中创建findProd()函数：

    findProd(){
     if(prodbum.username && prodbum.secondname){
       prodbum.totalamt=prodbum.username * prodbum.secondname;
     }
   }

您可以从第一个输入的change事件调用相同的函数。