2016-08-12 10 views
0

フルページの読み込みを避けるためにiframeを使用してバックエンドにファイルをポストしています。アクションは、ユーザーの選択に基づいて動的な場所に投稿する必要があります。すなわち、ユーザが異なるIDをクリックするどの要素が与えられるかに応じて、POST要求のアクションの位置が変更される。 URLにハードコードすると、つまりwww.test.com/1となりますが、角度を使用して動的にアクションURLを変更すると、要素が検査されたときに正しいURLが表示されますが、POSTリクエストは発生していません。私はangular version 1.2.1を使用しています。POST要求アクションフォーム動的URLが正しく動作しない

CONTROLLER

$scope.getId = function(id) { 
    $scope.actionUrl = 'http://www.test.com/' + id; 
} 
+0

HTTPにhttp:// www.test.com/" id;を追加しようとします。 –

+0

お詫び申し上げます、URLはすべて良いです、それは単なる例です –

答えて

0

はこれを試して

<iframe id="uploadTrg" name="uploadTrg" height="0" width="0" frameborder="0" scrolling="yes"></iframe> 

<form id="myForm" action="{{actionUrl}}" method="post" enctype="multipart/form-data" target="uploadTrg"> 
    File: <input type="file" name="cv"> 
    <input type="submit" value="Submit" id="submitBtn"/> 
</form> 

<div class="role-list" ng-repeat="(key, val) in obj"> 
    <div ng-repeat="subValue in val track by $index"> 
     <p class="role" ng-click="getId(subValue.id)">{{subValue.public_name}}</p> 
    </div> 
</div> 
の下に私のコードを参照してください。

$scope.getId = function(id) { 
    document.myForm.action = 'www.test.com/' + id; 
} 

"あるmyFormは、" フォーム<form name="myForm>

0

の名前です。答えを見つけました。

これを機能させるには、$ scope.actionUrlを追加する必要があります。

Original answer here

関連する問題