2016-02-26 23 views
0

我需要一个帮助。我需要根据使用Angular.js的行从表中获取值。我在下面解释我的代码。如何使用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> 

从上面的表格我需要点击按钮save后获取所选值和相应的注释字段的值,并将其存储到array.I下面我解释我的控制器端代码。

$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. 
} 

请帮我这么做。

回答

0

看来你误解了这里的双向绑定。

您的数据已由ng-model通过subcatagory[$index]表示。我猜你的$scope可以使用sugcatagory,所以你只需要遍历集合...

+0

先生,我有点混淆如何收集选定的一组数据。请你在这里分享你的想法。 – satya

+0

ng-model将输入/选择的值附加到作用域上的某个值,所以我想你有一些名为“comment”(数组),“catagory”和“subcatagory”(另一个数组)的变量。如果你没有其中之一,角将在你的范围内创造这些。它们都可以在控制器中作为$ scope的属性使用。请尝试'saveResturantDetails'内的'console.log($ scope)'以了解正在发生的事情...... – sminutoli

+0

好吧,我感谢..我做到了。 – satya