2016-02-26 61 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