anglejsを使用して入力フィールドをクリアします

Question

アップロードしたファイルを削除する際に問題が発生しましたので、提案したようにコードを修正しましたが、それでも問題はありません。アップロードしたファイルを上書きするので、私はそれだけで私は多くをアップロードし、それらを削除できるようにしたい以前のファイルを上書きして、何かをアップロードするたびに、感謝

<form class="htmlForm"> 
    <label for="id_payment_proof">{% trans "Payment proof:" %}</label> 
    <div class="full-size"> 
    <div class="input-control full-size file" data-role="input"> 
     <input id="id_payment_proof" type="file" file-model="payment_proof"/> 
     <button class="button"><span class="mif-folder"></span></button> 
    </div> 
    </div> 
    <div ng-if="client_invoice.payment_proof_filename"> 
    <a ng-href="{{ client_invoice.payment_proof }}" 
    ng-bind="client_invoice.payment_proof_filename" 
    target="_blank"></a> 
    <button class="button" ng_click="clearInvoice()"> 
     <span class="mif-bin"></span> 
    </button> 
    </div> 
    {% endverbatim %} 
</form> 

のcontroler：で

editInvoiceHandler = (event, row) -> 
$scope.payment_proof = undefined 
$scope.htmlFormEl.reset() 
$scope.row = row 
$scope.client_invoice = row.data() 
hasChanges = false 
$scope.editMode = true 
$scope.$digest() 

$scope.clearInvoice() =() -> 
$scope.payment_proof = 0 

Answer 1

を試してみてください。

$scope.payment_proof = []; // presume you don't want any pre-loaded entries 
$scope.add(new_entry) = payment_proof.push(new_entry); 
$scope.delete(index) = payment_proof.splice(index,1); 
$scope.clearInvoice = { $scope.payment_proof = []; } 
//Then submit the payment_proof to the back end 

アイデアは、配列を操作することである（payment_proofあなたの場合）、それをバックエンドに提出してください。

Answer 2

あなたコントローラ：

$scope.deleteUploadedFile = function() { 
    $scope.payment_proof = null 
} 

Answer 3

私は以下のコードをテストするが、それはあなたが必要なもののようになります考えていなかったこの

<button class="button" ng-click="payment_proof = ''"> Delete</button>