2016-06-10 3 views
0

Ich erzeuge eine Reihe von dynamischen Eingabefeldern Ich möchte immer die Summe der Werte gleich einem bestimmten Ergebnis halten. Wenn ich also irgendeinen Wert einer Eingabebox ändere, sollten sich die anderen Werte so ändern, dass die Summe unverändert bleibt. Wie soll ich das mit AngularJS machen?Wie behält man die Summe der Werte von dynamisch generierten Eingabefeldern in AngularJS immer mit einem bestimmten Ergebnis?

Unten ist mein div

<div data-ng-repeat="item in SecurityAllocationList track by $index"> 
    <input type="number" data-ng-model="item.InvestAmount" /> 
</div> 

enter image description here ich diese Here amount to be achieved is 9000

+0

Verwenden Sie ng-change in jedem Textfeld und ändern Sie die anderen Textfeldwerte mit ng-model. –

+0

Angenommen, ich muss 1000 als Summe erhalten und 4 Textfelder werden generiert. Die erste Textbox ist also mit 1000 gefüllt, und die restlichen drei Boxen haben 0. In der zweiten, dritten und vierten Textbox, wenn ich 50 gebe, sollte in allen Textfeldern 850,50,50,50 angezeigt werden. Wie erreiche ich das? –

+0

Von wie man fragt (http://stackoverflow.com/help/how-to-ask): "Fügen Sie gerade genug Code ein, um anderen zu erlauben, das Problem zu reproduzieren. Um Hilfe damit zu erhalten, lesen Sie, wie man eine minimale, komplette, und überprüfbares Beispiel. " Sie müssen uns zeigen, was Sie versucht haben, oder zeigen Sie uns zumindest Ihren Controller-Code mit dem Modell für Ihre dynamisch generierten Eingabefelder – jbrown

Antwort

0
erreichen wollen

Yow eine Funktion benötigen, um die Mengen zu berechnen, wenn man Änderungen und möglicherweise, wenn die Seite geladen wird, wie folgt aus:

Dies wird von der ng-change-Anweisung auf Ihrem Eingabeelement wie folgt aufgerufen:

<input type="number" data-ng-model="item.InvestAmount" ng-change="recalc(item)"/> 

Ich habe einen Plünderer here zur Veranschaulichung erstellt.

+0

Plunker-Ausgabe meldet, dass keine Verbindung zu Anwendungsinstanzen hergestellt werden kann. –

+0

Ja, ich denke, Plunker hat einige Serverprobleme, aber Sie sollten in der Lage sein, den Code – jbrown

+0

zu sehen. Ich habe gerade bemerkt, dass Sie auf das Symbol 'Vorschau in einem separaten Fenster starten' klicken können kann es funktionieren sehen – jbrown

Verwandte Themen