javascript - 如何使用 Angular.js 获取表的每一行数据

Question

我需要一个帮助。我想使用 Angular.js 获取表的每一行数据。我在下面解释我的代码。

    <tr ng-repeat="d in days">
    <td>{{d.day_name}}</td>
    <td> <select class="form-control" name="catagory[$index]"  id="catagory[$index]" ng-model="catagory" ng-options="cat.name for cat in listOfCatagory track by cat.value " ng-change="removeBorder('catagory',$index,catagory.value);" >
    </select></td>
    <td>
    <select class="form-control" name="subcatagory[$index]"  id="subcatagory[$index]" ng-model="subcatagory[$index]" ng-options="sub.name for sub in listOfSubCatagory[$index] track by sub.value " ng-change="setSubCatagory($index,subcatagory[$index].value);" >
    <option value="">Select Subcategory</option>
    </select>

    </td>
     <td><input type="text" name="comment[$index]" id="comment" class="form-control oditek-form" placeholder="Add Comment" ng-model="comment[$index]" ng-keyup="comment($index,comment[$index]);"></td>
    </tr>   
<input type="button" class="btn btn-success" ng-click="saveResturantDetails(billdata);"  id="saveData" value="Save"   style="margin-right:20px;"/>

当用户单击“保存”按钮时，每行数据应获取到 Controller 。我在下面解释我的代码。

$scope.saveResturantDetails=function(billdata){
        for(var i=0;i< $scope.days.length;i++){
            var data={'cat':$scope.catagory[i].value,'subcat':$scope.subcatagory[i].value,'comment':$scope.comment[i]};
            arr.push(data);
        }
        console.log('arr',arr);
}

在这里，我在每个模型中使用 $index ，以便我可以将数据放入循环中。但通过这种方式，我收到以下错误。

TypeError: Cannot read property 'value' of undefined 

请帮我解决这个问题。

Answer 1

在你的 Controller 中声明一个名为answers的范围对象。

$scope.days = [{name:"m"},{name:"t"}];
$scope.answers={};
$scope.save = function(){ console.log($scope.answers)};

然后你的 html 迭代天并将 ng-model 分配给答案对象。

<div><tr ng-repeat="d in days">
<td>{{d.name}}</td>
<td><input type="text" ng-model="answers['comment'+$index]"/></td>
</tr></div>
<button ng-click="save()">Save</button>

Ng Repeat 创建了 Chid Scope，所以我们不会在 Controller 中得到它。这肯定会起作用。我检查过

抱歉我的英语不好