配列を使ってフォームの値を角度コントローラに渡す方法

Question

私はドキュメントを選択し、そのドキュメントタイプのファイルを追加する機能を持っています。 Iamはその値をコントローラに送信できません。

実際には、フォームに新しい機能を追加しています。だから、私はそれを配列として指定し、詳細を送信しようとしています。しかし、私はここで詳細を得ていない。

FYI私はサーバースクリプティングに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）あなたは
3、そのAPIからの要求を行う角度サービスを作成する）
2.フォームから自分の投稿データを返すのREST APIを作成する必要がありますが）あなたのコントローラでそのサービスを含めます取得したデータを表示して表示することができます。