Javascript 是否有办法将输入绑定到值并使用不同的ng模型进行跟踪?
这是我的问题:Javascript 是否有办法将输入绑定到值并使用不同的ng模型进行跟踪?,javascript,angularjs,angularjs-ng-model,Javascript,Angularjs,Angularjs Ng Model,这是我的问题: 我使用ng repeat从数组创建输入字段。[a,b,c,…] 我有一个按钮,可以让你添加更多的空白输入字段 单击save按钮后,我希望能够从输入字段创建一个新数组 因此,我考虑使用一个迭代的ng模型(item-1,item-2,item-3,…)跟踪每个输入,然后在单击save时迭代它们。但这需要我将每个输入绑定到一个新变量,该变量不是来自[a,b,c,…] 所以我要问的是如何用AngularJS实现这个伪代码 <input ng-repeat="letter in
- 我使用ng repeat从数组创建输入字段。[a,b,c,…]
- 我有一个按钮,可以让你添加更多的空白输入字段
- 单击save按钮后,我希望能够从输入字段创建一个新数组
ng模型(item-1,item-2,item-3,…)
跟踪每个输入,然后在单击save时迭代它们。但这需要我将每个输入绑定到一个新变量,该变量不是来自[a,b,c,…]
所以我要问的是如何用AngularJS实现这个伪代码
<input ng-repeat="letter in letters"
set-value="letter.value"
bind-to-model="someNewVariable">
参见此示例:
Html:
<div class="addcontend">
<div ng-repeat="item in inputs track by $index">
<input ng-model="inputs[$index]" ng-value="item" />
<button ng-click='getVal(item)'>get input value</button>
</div>
</div>
<button ng-click="addfield()">Add field</button>
<button ng-click="log()">log</button>
app.controller('cntr',function($scope){
$scope.inputs = ['a', 'b'];
$scope.addfield = function(){
$scope.inputs.push('')
}
$scope.getVal = function(v){
alert(v);
}
$scope.log = function() {
console.log($scope.inputs)
}
})
我有一个按钮,可以让你添加更多的空白输入字段。您可以共享此按钮的逻辑吗?单击此按钮将调用一个函数,该函数创建一个空白的
,并将其插入DOM。在此函数中,您还可以创建$scope.item someIndex
,此输入的模型将绑定到此范围变量,不是吗?我在执行ng model=item someIndex时隐式定义了变量。基本上是的。