javascript - 如何使用 Angular.js 从表中获取值？

Question

我需要使用 Angular.js 根据行从表中获取值。我提供我的代码:

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

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

从上表中，我需要在单击“保存”按钮并将其存储到数组中后获取所选值和相应的注释字段值。这是我的 Controller 端代码:

$scope.removeBorder=function(id,index,catvalue){
        $scope.listOfSubCatagory[index]=[];
        rowData['cat']=catvalue;
        var catdata=$.param({'action':'subcat','cat_id':catvalue});
        $http({
            method:'POST',
            url:"php/customerInfo.php",
            data:catdata,
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        }).then(function successCallback(response){
            angular.forEach(response.data,function(obj){
                var data={'name':obj.subcat_name,'value':obj.subcat_id};
                $scope.listOfSubCatagory[index].push(data);
            })
        },function errorCallback(response) {
        })
    }
$scope.saveResturantDetails=function(){

   //here i want to collect data.
}

Answer 1

看来您误解了这里的双向绑定(bind)。

ng-model 已经根据 subcatagory[$index] 的含义收集了您的数据。我猜测 sugcatagory 在您的 $scope 上可用，因此您只需迭代该集合...