追加2角度入力は

Question

がどのように入力

これは私のHTML、 である。しかし、私はTSに何かを書く必要がある場合、私は知らないで入力した値を追加することができます値

<div class="small-7 columns"> 
 
    <md-input-container> 
 
    <input type="number" id="fnum" placeholder="fnum"> 
 
    </md-input-container> 
 
    <md-input-container> 
 
    <input type="number" id="snum" placeholder="snum"> 
 
    </md-input-container> 
 
    <md-input-container> 
 
    <input disabled>{{ (snum) + (fnum) }} 
 
    </md-input-container> 
 
</div>

私はあなたが私に

Answer 1

を助けることができる場合は、ngModelにを使用することができ、それをいただければ幸いです変更検出のためにinputの値とngModelChangeを取得します。次に、あなたのtsにそれらを加え、追加を保持する3番目の変数を更新します。

HTML：TSに

<md-input-container> 
    <input mdInput type="number" id="fnum" placeholder="fnum" 
      [(ngModel)]="fnum" (ngModelChange)="addNums()"> 
</md-input-container> 

<p></p> 

<md-input-container> 
    <input mdInput type="number" id="snum" placeholder="snum" 
      [(ngModel)]="snum" (ngModelChange)="addNums()"> 
</md-input-container> 

<p></p> 

<md-input-container> 
    <input mdInput disabled>{{ total }} 
</md-input-container> 

：

fnum: number = 0; 
snum: number = 0; 

total: number = 0; 

addNums(){ 
    this.total = this.fnum + this.snum; 
} 

demo