Javascript 将所有值保存在ng repeat中的输入文本框中

Javascript 将所有值保存在ng repeat中的输入文本框中,javascript,angularjs,angularjs-ng-repeat,ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,Ng Repeat,我想知道如何保存在ng repeat内的输入文本框中输入的值,只需单击一个按钮。我看到过这样的示例,使用户可以单独保存每个文本框。 下面是一个示例代码: $scope.items=[1,2,3,4] <div ng-repeat="item in items"> <input type="text" ng-model=item.id> </div> <button type="button" ng-click="saveAllValues()">

我想知道如何保存在
ng repeat
内的输入文本框中输入的值,只需单击一个按钮。我看到过这样的示例,使用户可以单独保存每个文本框。 下面是一个示例代码:

$scope.items=[1,2,3,4]

<div ng-repeat="item in items">
<input type="text" ng-model=item.id>
</div>
<button type="button" ng-click="saveAllValues()">Save</button>
$scope.items=[1,2,3,4]
拯救
试试这个:

您的模型中需要有
符号。提及

angular.module('myApp',[])
.controller('myController',函数($scope){
$scope.items=[{
数值:0
}, {
价值:1
}, {
价值:2
}]
$scope.saveAllValues=函数(项){
警报(JSON.stringify(items));
};
});

拯救
试试这个:

您的模型中需要有
符号。提及

angular.module('myApp',[])
.controller('myController',函数($scope){
$scope.items=[{
数值:0
}, {
价值:1
}, {
价值:2
}]
$scope.saveAllValues=函数(项){
警报(JSON.stringify(items));
};
});

拯救

您只需将
ng模型
绑定到另一个对象,并使用
$index
引用非常
ng repeat
中的索引即可:

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.items=[1,2,3,4];
$scope.values=[];
$scope.saveAllValues=函数(){
警报($scope.values);
}
});

拯救

您只需将
ng模型
绑定到另一个对象,并使用
$index
引用非常
ng repeat
中的索引即可:

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.items=[1,2,3,4];
$scope.values=[];
$scope.saveAllValues=函数(){
警报($scope.values);
}
});

拯救
var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.items=[1,2,3,4];
$scope.saveAllValues=函数(){
警报($scope.items);
}
});

拯救
var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.items=[1,2,3,4];
$scope.saveAllValues=函数(){
警报($scope.items);
}
});

拯救

我也遇到了同样的问题,我发现“ng模型选项”设置很好,可以在模糊时进行更新,您可以在执行“ng重复”时保存单个输入值。 您需要添加新版本的angularjs,请尝试此“”

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.items=[“红色”、“蓝色”、“绿色”、“黄色”];
$scope.saveAllValues=函数(){
警报($scope.items);
}
});

拯救

我也遇到了同样的问题,我发现“ng模型选项”设置很好,可以在模糊时进行更新,您可以在执行“ng重复”时保存单个输入值。 您需要添加新版本的angularjs,请尝试此“”

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.items=[“红色”、“蓝色”、“绿色”、“黄色”];
$scope.saveAllValues=函数(){
警报($scope.items);
}
});

拯救

你说的“保存”是什么意思?当ngModel指向
item.id
时,随着用户在数据中键入,item id的值将实时更新。而且,您的
$scope.items
数组是错误的:它应该是
{id:1}、{id:2}
等形式的对象列表。您所说的“保存”是什么意思?当ngModel指向
item.id
时,随着用户在数据中键入,item id的值将实时更新。而且,您的
$scope.items
数组是错误的:它应该是一个对象列表,格式为
{id:1},{id:2}
,等等。请找到这个插件,我得到了列的重复索引。我如何避免这种情况呢?因为您有两个
ng repeat
的数组,所以需要扩展您的数据结构。我建议将数据存储在一个对象数组中。请查找此plunker,我正在获取列的重复索引。如何避免这种情况?因为您有两个
ng repeat
s,您需要扩展数据结构。我建议将数据存储在一个对象数组中。请找到这个plunker,因为我得到了列的重复索引。如何避免这不是我建议的方法。再看一次我的答案。但是结构是这样的,第一行是月份,第一列是输出类型,值如果你想根据月份来维护对象,那么你需要该月的对象,对象可以在
->
结构中存储数据。在这种情况下,一维数组没有帮助..请找到这个plunker,我得到了列的重复索引。如何避免这不是我建议的方法。再看一次我的答案。但是结构是这样的,第一行是月份,第一列是输出类型,值如果你想根据月份来维护对象,那么你需要该月的对象,对象可以在
->
结构中存储数据。在这种情况下,一维数组没有帮助。。