在AngularJS中綁定到（和總計）任意數量的輸入值

我正在學習一點AngularJS，並且遇到了一個似乎應該有一個簡單的解決方案的問題，但我搜索的文檔和各種論壇是證明它要麼更復雜一點，要麼我只是不知道正確的術語。無論如何，這是它的缺點。我想綁定到任意數量的輸入字段並將它們的值合計（例如，我可以顯示用戶輸入的總數）。但是，不僅輸入字段的數量是任意的，而且字段本身可能每次都有不同的名稱。在AngularJS中綁定到（和總計）任意數量的輸入值

具體來說，我的數據後端是Django，由於各種原因，表單本身必須由Django的模型生成，然後通過ajax調用發送到Angular前端。我真的想避免與每個表單的耦合太緊密（即，我不想爲Django可能發送的每個可能的表單排列編寫一個Angular函數，而是希望單獨一個知道如何選擇合適的東西來綁定至）。

我確實可以通過Django控制表單的構造，並且一直試圖弄清楚我需要注入哪些Angular指令，但是由於我還在學習曲線上，所以任何指導都會很大讚賞。

來源

2012-10-05 jlmcdonald

如何使用javascript數組？您可以使用ng-model來表示數組元素。和total()函數遍歷數組元素並獲得總和。

它可以這種方式支持任意數量的輸入元素。如果只是關於輸入元素和總功能，它滿足要求。

http://plnkr.co/edit/ZJCQ2m

來源

2012-10-05 05:10:36 Tosh

理想...工作完美。不知道你可以參考這樣的數組元素，但它會派上用場的許多次。謝謝！ – jlmcdonald

在AngularJS中綁定到（和總計）任意數量的輸入值

回答

相關問題