绑定到(并总计)AngularJS中的任意数量的输入值

时间:2012-10-05 04:47:03

标签: django angularjs

我正在学习一点AngularJS并且遇到了一个似乎应该很容易解决的问题,但是我对文档和各种论坛的搜索证明它要么稍微复杂一点,要么就是我没有知道正确的术语。无论如何,这是它的缺点。我想绑定到任意数量的输入字段并总计它们的值(所以我可以,例如,显示用户输入的数字的运行总数)。但是,不仅输入字段的数量是任意的,而且每次字段本身可能具有不同的名称。

具体来说,我的数据后端是Django,由于各种原因,表单本身必须由Django的模型生成,然后通过ajax调用发送到Angular前端。我真的想避免与每个表单过于紧密地耦合(即我不想为Django可能发送的每个表单的可能排列编写一个Angular函数,而是想要一个知道如何选择正确绑定的单一的Angular函数至)。

我确实通过Django控制了表单的构造,并且一直试图弄清楚我需要注入什么Angular指令,但是当我还在学习曲线上时,任何指导都会非常感激

1 个答案:

答案 0 :(得分:4)

如何使用javascript数组? 您可以创建一个引用数组元素ng-model的表单。 并且total()函数迭代数组元素并得到总和。

它可以通过这种方式支持任意数量的输入元素。 如果仅关于输入元素和总函数,则满足要求。

http://plnkr.co/edit/ZJCQ2m