Angular JS ngファイルアップロード

Question

私が取り組んでいるプロジェクトでAngular's JSのよく知られているngファイルアップロードディレクティブ（https://github.com/danialfarid/ng-file-upload）を使用していますが、検証に関して問題があります。ユーザーが特定のファイル形式をアップロードできないように、ngf-patternディレクティブを追加しました。これは正常に動作し、無効な各ファイルは$ invalidFiles配列で使用できます。この配列をクリアするにはどうしますか？

無効なファイルが使用されたことを検出するために、$ invalidFiles配列を使用していて、ユーザーに警告します。ファイルはUIに表示されず、モデルに追加されませんが、フォームが無効なためフォームを送信できません。私は有効なファイルを追加した後でしかフォームを提出できません。無効なファイルを検出する方法はありますか？まだフォームを送信できますか？

希望しています。ありがとう！

Answer 1

おそらくあなたが本当に必要なものは、ngf-changeいうしngf-selectです。ドキュメントに基づいて、ngf-changeディレクティブに割り当てたハンドラ関数は、選択、削除、またはクリアされるたびに呼び出されます。

達成したいのは、有効か無効かにかかわらずフォーム提出を許可することだけであれば、もう1つのアプローチはng-model-optionsです。 allowInvalidというオプションがありますが、デフォルトではfalseです。これをtrueに設定すると、そのトリックを行います。だからあなたの例では

：

<button name="bla" multiple accept="image/*"    
     ngf-keep="true" 
     ng-model="myFiles" 
     ngf-pattern="'image/*'" 
     ngf-max-size="1MB" 
     ngf-change="handleFiles($files, $invalidFiles)" 
     ngf-model-options="{allowInvalid: true}"> 
    Select Files 
</button> 

お知らせ私たちはここに変更されている最後の2つのディレクティブ。完全なリファレンスについては

私たちはあなたのシナリオのフィドルを持つことができ、あなたはFull reference - File select and drop

Answer 2

は何が必要このです：JsFiddle

$scope.submit = function() { 
    alert('form is ready'); 
    }