未选择文件时禁用上载按钮

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

您应该禁用该按钮的默认值。然后为选择创建一个监听器。然后，一旦启用了侦听器并选择了某些内容，您应该将按钮属性更改为“已启用”。