javascript - Angularjs:ng-repeat 元素的输入

标签 javascript angularjs

抱歉我的语言能力不好,希望你能理解。

我需要为 ng-repeat 元素进行输入,以将输入数据传递给 http post。 例如:我有 4 个元素,对于我输入的所有元素,f.e:

elem1- input: 1 
elem2- input: 4 
elem3- input: 1 
elem4- input: 2 

这是我的代码:

.panel-body.note-link ng-repeat=("meal in mealsList track by $index")
                    a data-toggle="tab" 
                      h4.pull-right.text-muted
                        | {{meal.price}} zł

                    h4.text-success
                        i.fa.fa-close.text-danger<> ng-click="removeMeal($index)" style="cursor: pointer;font-size: 15px;"
                        | {{meal.name}} {{$index}}
                        input.form-control type="number"  ng-model="example"
                        | {{example}}

我不知道如何将输入数据传递给 Controller ​​。 有什么技巧、窍门吗?

最佳答案

angular.module('yourModule').controller('viewController', function($scope) {
  $scope.mealList = [...];
  $scope.example; //The input data will automatically bind to this variable.
});

如果您希望输入更改膳食对象中的数据,请执行以下操作:

input.form-control type="number"  ng-model="meal.example"

然后膳食对象的属性值将绑定(bind)到输入

关于javascript - Angularjs:ng-repeat 元素的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36924955/

相关文章:

javascript - 顶部的变量值,然后在函数中更改值显示未定义,为什么?

javascript - 设置Session的变量和Meteor Streams有什么区别?

javascript - 基于innherHTML点击事件触发不同的功能

asp.net - ASP.NET 5 中的应用程序见解

javascript - 注入(inject) Controller 时服务未定义

javascript - 为什么 plyr 没有在任何浏览器中以全屏模式全屏播放视频

javascript - Tapestry 5 - 在客户端字段验证成功/失败时运行 javascript 函数

javascript - ng-click 事件显示未定义

javascript - 使用 AngularJS 将表单控件设置为未触及焦点

angularjs - 如何告诉 ui-Bootstrap 对哪些内容进行分页?