我怎樣才能從角度2動態輸入總和,沒有想法實現這一點。由於我怎樣才能從角度2動態輸入總和
//html component
<md-input-container style="width: 80px;">
<input md-input class="debit" formControlName="debit" [(ngModel)]="debit[i]">
</md-input-container>
我怎樣才能從角度2動態輸入總和,沒有想法實現這一點。由於我怎樣才能從角度2動態輸入總和
//html component
<md-input-container style="width: 80px;">
<input md-input class="debit" formControlName="debit" [(ngModel)]="debit[i]">
</md-input-container>
我認爲你正在使用活性形式的控制,那麼所有的表單控件是在表單標籤必須在表單實例的值,如下
<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);
輸入是動態的。 –
沒關係。您的表單實例始終包含使用該表單註冊的輸入 –
總和我想你是動態創建借記文本,你也使用ngModel
,這樣你就可以,總的輸入文本 中的.ts文件借記 的每個輸入文本做這樣
(onChange) = "findSum()"
並設置[(ngModel)]="totalVal"
做
findSum(){sum= 0;
for(data of debit){total = total + data;}
totlaVal = total;
}
提供代碼請 –
@ŌkamiXOukarin其實我沒有的功能呢,u能幫助我這個實現的想法。 –
我有一個例子在這裏與總和功能 https://jsfiddle.net/g6xp1r52/ –