2017-02-24 78 views
0

我怎樣才能從角度2動態輸入總和,沒有想法實現這一點。由於我怎樣才能從角度2動態輸入總和

enter image description here

//html component 
<md-input-container style="width: 80px;"> 
       <input md-input class="debit" formControlName="debit" [(ngModel)]="debit[i]"> 
       </md-input-container> 
+0

提供代碼請 –

+0

@ŌkamiXOukarin其實我沒有的功能呢,u能幫助我這個實現的想法。 –

+0

我有一個例子在這裏與總和功能 https://jsfiddle.net/g6xp1r52/ –

回答

0

我認爲你正在使用活性形式的控制,那麼所有的表單控件是在表單標籤必須在表單實例的值,如下

<form [formGroup]="myForm"> 
      <input type="number" formControlName="value1"/> 
      <input type="number" formControlName="value2"/> 
</form> 

和從表單構建器類創建表單

this.myForm = this.fb.group({ 
      value1: [5, Validators.required], 
      value2: [2, Validators.required] 
}); 

和您的表單實例myForm將包含所有控件的更新值在屬性myForm.value並根據這個例子將包含{ "value1": 2, "value2": 5 }您要爲總只使用該屬性的對象,並打印像

sum = Object.keys(this.myForm.value).reduce((prev, curr) => { 
    return prev + this.myForm.value[curr] 
}, 0); 
+0

輸入是動態的。 –

+0

沒關係。您的表單實例始終包含使用該表單註冊的輸入 –

1

總和我想你是動態創建借記文本,你也使用ngModel,這樣你就可以,總的輸入文本 中的.ts文件借記 的每個輸入文本做這樣

(onChange) = "findSum()" 並設置[(ngModel)]="totalVal"

findSum(){sum= 0; 
for(data of debit){total = total + data;} 
totlaVal = total; 
}