使用变量名称

时间:2015-12-13 10:46:50

标签: javascript angularjs

而不是上传一堆代码,我为你们画了一些架构。这张照片显示了我目前的情况(摘要)。第二张图是“现实”中的当前情况。

如果我按下例如“发送” bigBox_1,我希望littleBox_1中的littleBox_n bigBox_1内的所有输入都转移到我的函数中。

这是最好的方法吗?

我试图动态命名我的ng-models(在littleBox_1 ... littleBox_n内),但我无法找到解决方法如何传递所有参数。

一些事实:

  • 我不知道会有多少大盒子
  • 我不知道我的大盒子里的小盒子数量
  • 不同大箱内的小盒子数量不一定相同

现实: enter image description here

摘要:

框的模型架构: enter image description here

1 个答案:

答案 0 :(得分:0)



<!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>
&#13;
&#13;
&#13;