[英]How to get value from table using 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
按鈕並將它們存儲到數組后,獲取選定的值和相應的注釋字段值。 這是我的控制器端代碼:
$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.
}
看來您在這里誤解了雙向綁定。
ng-model
使用任何subcatagory[$index]
手段收集了您的數據。 我猜想sugcatagory
在$scope
上可用,因此您只需要遍歷集合...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.