ファイルが選択されていないときにアップロードボタンを無効にする

Question

<input type="file" ng-file-select ng-model="file" accept=".xls" name="inputFile" id="inputFile" required/> 
     <div ng-show="uploadForm.inputFile.$dirty && uploadForm.inputFile.$invalid" 
     ng-messages="uploadForm.inputFile.$error" ng-messages-include="fileUpload-messages"></div></div> 
     <div class="modal-footer"><button ng-class="{'button-style': uploadForm.$valid}" ng-disabled="uploadForm.$valid || !file" ng-click="upload(file);">Upload</button></div> 

これは、ファイルが選択されていないときにアップロードボタンを無効にしようとしているコードです。それは動作しません。

Answer 1

ボタンのデフォルトを無効にする必要があります。次に、選択用のリスナーを作成します。次に、リスナーが有効になって何かが選択されたら、ボタンのプロパティを「有効」に変更する必要があります。