javascript - 模型中的角度js数组

Question

我正在使用 ng-repeat 重复一个表单。重复是创造一个新的形式。我想通过单击提交所有表单数据。我无法找到如何在数组中分配多个值。

这是我的表格：

<div id="check" ng-repeat="screen in screens">
                   <input type="hidden" name="scrnid" ng-model="screen.scrnid" value="{{ screen.scrnid }}" />
            <label>Name:</label>
            <input type="text" ng-model="screen.bdayname" placeholder="Name" ng-required/>
            <label>Date:</label>
            <input type="date" ng-model="screen.bdaydate" placeholder="Date" ng-required/>
            <br/>
               </div>

               <button class="btn" type="submit" ng-click="newBirthday()">Save</button>
</div>
<div class="container">
        <input type="button" class="btn" ng-click="createScreen()" /><i class="icon-plus"></i>Add
</div>

它是我的控制器

app.controller('main', function($scope){ 

    $scope.screens = [{scrnid: "1"}];
    $scope.scrnid = 1;
    $scope.createScreen = function()
    {
            $scope.screens.push({scrnid: "" + ($scope.screens.length + 1)});            
    };

    $scope.bdays = [];        
    // Create the function to push the data into the "bdays" array

    $scope.newBirthday = function(){        

        $scope.bdays.push($scope.screens.length);  // how to push mutiple records in array dynamically

        $scope.screen.bdayname = '';
        $scope.screen.bdaydate = '';
    };
});

帮助将不胜感激...

Answer 1

我已经编辑了代码以将对象存储到 bday 范围变量中

var app=angular.module("birthdayToDo",[]);


app.controller('main', function($scope){ 

   $scope.screens = [{scrnid: "1"}];
  $scope.scrnid = 1;
    $scope.createScreen = function(){
            $scope.screens.push({scrnid: "" + ($scope.screens.length + 1)});  

            console.log($scope.screens);          
        };

        $scope.bdays = [];        


    $scope.newBirthday = function(){

        for(i=0;i<$scope.screens.length;i++){
            $scope.bdays.push($scope.screens[i])
        }
        console.log($scope.bdays);


    };


    $scope.remove=function(item){ 
      var index=$scope.bdays.indexOf(item)
      $scope.bdays.splice(index,1);     
    }



});