Отключить кнопку загрузки при отсутствии файла

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

Вы должны по умолчанию отключить кнопку. Затем создайте прослушиватель для выбора. Затем, когда слушатель включен и что-то выбрано, вы должны изменить свойство кнопки на «Включено».