使用变量名称访问ng模型的输入
使用变量名称访问ng模型的输入
提问于 2015-12-13 10:46:49
我没有上传一堆代码，而是为你们绘制了一个小模式。这张照片显示了我目前的状况(摘要)。第二幅图片是“现实”中的现状。
如果我在例如bigBox_1中按下“发送”，我希望将littleBox_1 . littleBox_n在bigBox_1中的所有输入转移到我的函数中。
哪一种是最好的方法？
我试图动态地命名我的ng模型(在littleBox_1 .littleBox_n中)，但是我想不出如何传递所有参数的解决方案。
一些事实：
- 我不知道会有多少个大箱子
- 我不知道我的大箱子里有多少小盒子
- 不同大盒子内的小盒子的数量是不一样的。
现实：
摘要：
框的模型模式：
回答 1
Stack Overflow用户
发布于 2015-12-13 13:19:46
<!DOCTYPE html>
<html ng-app="testApp" ng-controller="testCtrl">
<head>
<title></title>
</head>
<body>
<ul>
<li ng-repeat="box in boxes">
<label ng-bind="box.id"></label>
<input type="text" ng-model="box.name" />
</li>
</ul>
<button ng-click="addInput()">Add input</button>
<button ng-click="startFunction()">start Send inputs value</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular.js"></script>
<script>
angular.module("testApp", [])
.controller("testCtrl", function ($scope) {
var i = 0;
$scope.boxes = []; //is empty
$scope.addInput = function () {
$scope.boxes.push({ id: i++ });
}
$scope.startFunction = function () {
console.log($scope.boxes);
}
});
</script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34250256
复制相关文章
相似问题
腾讯云开发者
