如何將表單值傳遞給角度控制器

Question

我有選擇文檔並添加文檔類型的功能。Iam無法將該值發送到控制器。

其實我正在使用添加新的功能的形式。所以我把它命名爲數組並且試圖發送細節。但我沒有在這裏獲得細節。

僅供參考我使用codeigniter進行服務器腳本編寫。

任何人都可以幫助我。

這是我的查看文件checklist.php。

<div ng-controller="checklist"> 

<div class="row"> 
<div class="col-xs-12"> 
<!-- PAGE CONTENT BEGINS --> 
<form class="form-horizontal" role="form" name="checkForm" action="#/customer/adddocument" novalidate> 


<a id="button" onlick="duplicate()">Click me</a> 

<div id="duplicater"> 
<div class="row"> 
<div class="form-group col-md-6" ng-controller="documentController" > 
<label class="col-sm-3 control-label no-padding-right">Documents</label> 
<div class="col-sm-9"> 
<select class="form-control" name="document[]" required ng-model = "checklist.document[]"> 
<option value="">Select document</option> 
<option ng-repeat="option in documentsList.data" value="{{option.AGENT_ID}}">{{option.AGENT_NAME}}</option> 
</select> 
</div> 
</div> 

<div class="col-md-6"> 
<input type="file" name="file" /> 
</div> 

</div> 
</div> 

<script> 
document.getElementById('button').onclick = duplicate; 
var i = 0; 
var original = document.getElementById('duplicater'); 

function duplicate() { 
var clone = original.cloneNode(true); // "deep" clone 
// clone.id = "duplicetor" + ++i; // there can only be one element with an ID 
original.parentNode.appendChild(clone); 
} 
</script> 


<div class="modal-footer" > 
<button ng-show="sub" ng-click="submit(checklist)" ng-disabled="checkForm.$invalid" class="btn btn-sm btn-primary"> 
<i class="ace-icon fa fa-check"></i> 
Save 
</button> 

<button ng-show="edt" ng-click="update(checklist)" ng-disabled="checkForm.$invalid" class="btn btn-sm btn-primary"> 
<i class="ace-icon fa fa-check"></i> 
Edit 
</button> 
<button ng-show="edt" ng-click="cancel()" class="btn btn-sm btn-primary"> 
<i class="ace-icon fa fa-check"></i> 
Cancel 
</button> 
</div> 


<input type="submit" name="submit"> 


</form> 

這裏是我的控制器文件checklist.js。

project.controller('checklist', ['$scope', '$http', 'services', '$location', 'uiGridConstants', '$timeout','$interval','$q','$rootScope','$filter', function($scope, $http, services, $location, uiGridConstants, $timeout,$interval,$q,$rootScope,$filter,uibDateParser) { 


$rootScope.$broadcast("globalgrid",{'displaycolumns': discolumns, 'gridservice':gridservice , 'grid_service_param':grid_service_param });//,'gridload':func_name, 'addnew': "Submit" 
//$scope.selectedDate = Date(); 
$scope.sub = true; 
$scope.edt = false; 
$scope.uploadfiles = ""; 
console.log($scope.date); 

$scope.custsub = function(e){ 
var fd = new FormData(); 
    fd.append('file', $scope.uploadfiles); 
     var f = $scope.uploadfiles; 
     console.log(f); 
     console.log(e); 
     services.addCustomerinfo(res.data,e.icno,e.customername); 
     $rootScope.submit(submitfun); 
    }); 

} 

在控制器，當我檢查與控制檯我沒有得到任何東西。 任何人都可以幫助我。

Answer 1

1）你需要創建一個REST API從形式，返回您的發佈數據，
2）創建的角服務，這使得從該API的請求，
3.）包括在控制器中該服務併發送檢索到的數據進行查看。