ファイルアップロードパスを選択した後に送信ボタンを有効にするAngularJs

Question

角度jを初めて使用しています。ファイルが選択されるまでアップロードボタンを無効にしたいとします。 以下のコードによれば、ボタンは無効になっていますが、ファイルが選択された後は有効になりません。

私を助けてください。

これは私のhtmlコードです：

<input type="file" id="upload" name="file" class="uploadFile" required="required" ng-model="fileToUpload"> 

<input type="submit" id ="submitFile" value="PostUsingAjax" onClick="uploadFile()" 
         ng-disabled = "form.$invalid || disabled" ng-click ="disableButton()"> 

Answer 1

<div ng-app> 
    <div ng-controller="FileCtrl"> 
    <form name="myForm"> 
    <input type="file" id="upload" name="file" class="uploadFile" required ng-model="fileToUpload"> 
    <input type="submit" id ="submitFile" value="PostUsingAjax" ng-disabled="myForm.$invalid" ng-click ="doFile(fileToUpload)"> 
    </form> 
    </div> 
</div> 

私は必要なラッピングを少し追加しました。取り除くべきことがいくつかあります：

1：次のケースでそれを参照できるようにフォームに名前を付けてくださいng-disabled="myForm.$invalid"。フォームはmyFormと命名されました。

2：ファイルの入力に必要な属性に値は必要ありません。単に存在するだけで十分です。

3：カスタムクリックを追加しました。既定のonClickをそのまま使用することは可能ですが、リスナーを混在させて一致させることは難しいかもしれません。

4：必須フィールドはファイルフィールドでは機能しません。ディレクティブを追加する必要があります。これに関するいくつかの他のスタックオーバーフローの答えがあります。

• Validation doesnt work for File Input with 'Required' attribute- AngularJS
• Required attribute Not working with File input in Angular Js
• How to validate form with input[type=file] in angularjs

上記の回答のいずれかを試してみてください。